diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 8433dbc9b48..7ed3f59de17 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -273,23 +273,24 @@ limitations under the License. .mx_InviteDialog_other { // Prevent the dialog from jumping around randomly when elements change. height: 600px; - padding-left: 20px; // the design wants some padding on the left .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; - .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; + } + } - .mx_InviteDialog_section { - padding-bottom: 0; - margin-top: 12px; - } + .mx_InviteDialog_hasFooter { + .mx_InviteDialog_userSections { + height: calc(100% - 175px); // For displaying an invite link on the footer of the dialog } } }