Remove padding of InviteDialog & fix visual regression (#8076)

* Remove padding of InviteDialog

Closes element-hq/element-web#20631

Signed-off-by: Suguru Hirahara <[email protected]>

* Fix visual regression of InviteDialog

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

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
         }
     }
 }