From 7cea71085e4ba4bf5eed8427cece76b607c3a753 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 16 Mar 2022 07:34:18 +0000 Subject: [PATCH 1/2] Make margin and padding of mx_InviteDialog_other consistent Closes: https://github.com/vector-im/element-web/issues/20631 This commit removes the margin-right of the address bar, keeping the same padding on the right and left side of the panel. The padding-right of mx_InviteDialog_roomTile should be retained as there is padding-left for the list of the rooms. Signed-off-by: Suguru Hirahara --- res/css/views/dialogs/_InviteDialog.scss | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 546327ff40a..05082bac96b 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -275,8 +275,17 @@ limitations under the License. height: 600px; padding-left: 20px; // the design wants some padding on the left - .mx_InviteDialog_userSections { - height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements + .mx_InviteDialog_addressBar { + margin-right: 0; + } + + .mx_InviteDialog_content { + padding-right: 20px; // same padding on the right + + .mx_InviteDialog_userSections { + height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements + padding-right: 0; + } } } From f61a8d54829c7e80eaa02ac0b24bbaf55bbd42b0 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 16 Mar 2022 07:41:59 +0000 Subject: [PATCH 2/2] Specify margin between sections Specify margin between sections, instead of relying on the default margin of the heading (h3). Signed-off-by: Suguru Hirahara --- res/css/views/dialogs/_InviteDialog.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 05082bac96b..8433dbc9b48 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -285,6 +285,11 @@ limitations under the License. .mx_InviteDialog_userSections { height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements padding-right: 0; + + .mx_InviteDialog_section { + padding-bottom: 0; + margin-top: 12px; + } } } }