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;