From aa52118fa1b81bad21fa1fd9ba5a8928ce36cf9b Mon Sep 17 00:00:00 2001 From: unknown Date: Sun, 2 Feb 2020 17:31:06 +0100 Subject: [PATCH 1/2] the width was not properly set to other languages than english, a min-width will keep the proper size of the button while leaving some room for more word expensive languages such as french --- res/css/views/dialogs/_InviteDialog.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 71fab50339..5e0893b8fd 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -62,7 +62,7 @@ limitations under the License. } .mx_InviteDialog_goButton { - width: 48px; + min-width: 48px; margin-left: 10px; height: 25px; line-height: 25px; @@ -131,7 +131,7 @@ limitations under the License. height: 24px; grid-column: 1; grid-row: 1; - mask-image: url('$(res)/img/feather-customised/check.svg'); + mask-image: url("$(res)/img/feather-customised/check.svg"); mask-size: 100%; mask-repeat: no-repeat; position: absolute; From 20fc8514a5270db4167cb707bb7a730e7c01551e Mon Sep 17 00:00:00 2001 From: unknown Date: Sun, 2 Feb 2020 18:47:16 +0100 Subject: [PATCH 2/2] I have added spacing, as devices are very hard to read otherwise --- res/css/views/settings/_DevicesPanel.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/res/css/views/settings/_DevicesPanel.scss b/res/css/views/settings/_DevicesPanel.scss index 581ff47fc1..49debe842f 100644 --- a/res/css/views/settings/_DevicesPanel.scss +++ b/res/css/views/settings/_DevicesPanel.scss @@ -18,7 +18,7 @@ limitations under the License. display: table; table-layout: fixed; width: 880px; - border-spacing: 2px; + border-spacing: 10px; } .mx_DevicesPanel_header { @@ -32,7 +32,11 @@ limitations under the License. .mx_DevicesPanel_header > div { display: table-cell; - vertical-align: bottom; + vertical-align: middle; +} + +.mx_DevicesPanel_header .mx_DevicesPanel_deviceName { + width: 50%; } .mx_DevicesPanel_header .mx_DevicesPanel_deviceLastSeen {