From 4e9a20db216dfee25f396dca385a49a4d4886b55 Mon Sep 17 00:00:00 2001
From: Andy Balaam <andyb@element.io>
Date: Wed, 13 Oct 2021 13:40:37 +0100
Subject: [PATCH] Move the required CSS for DevicesPanel into its own scss file

Signed-off-by: Andy Balaam <andyb@element.io>
---
 res/css/views/settings/_DevicesPanel.scss                  | 5 ++++-
 .../views/settings/tabs/user/_SecurityUserSettingsTab.scss | 7 -------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/res/css/views/settings/_DevicesPanel.scss b/res/css/views/settings/_DevicesPanel.scss
index 49debe842f..7e836e0d87 100644
--- a/res/css/views/settings/_DevicesPanel.scss
+++ b/res/css/views/settings/_DevicesPanel.scss
@@ -17,7 +17,10 @@ limitations under the License.
 .mx_DevicesPanel {
     display: table;
     table-layout: fixed;
-    width: 880px;
+    // Normally the panel is 880px, however this can easily overflow the container.
+    // TODO: Fix the table to not be squishy
+    width: auto;
+    max-width: 880px;
     border-spacing: 10px;
 }
 
diff --git a/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss b/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
index d6466a03f9..8cc51e7e35 100644
--- a/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
+++ b/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
@@ -14,13 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_SecurityUserSettingsTab .mx_DevicesPanel {
-    // Normally the panel is 880px, however this can easily overflow the container.
-    // TODO: Fix the table to not be squishy
-    width: auto;
-    max-width: 880px;
-}
-
 .mx_SecurityUserSettingsTab_deviceInfo {
     display: table;
     padding-left: 0;