Add vertical spacing between buttons when they go over multiple lines (…

…#7314)
matrix-org · Dec 9, 2021 · 6c04c19 · 6c04c19
1 parent 9452a3c
commit 6c04c19
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/res/css/_common.scss b/res/css/_common.scss
@@ -413,6 +413,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
     @mixin mx_DialogButton;
     margin-left: 0px;
     margin-right: 8px;
+    margin-bottom: 5px;
 
     // flip colours for the secondary ones
     font-weight: 600;

diff --git a/res/css/views/settings/_CryptographyPanel.scss b/res/css/views/settings/_CryptographyPanel.scss
@@ -20,4 +20,7 @@
 
 .mx_CryptographyPanel_importExportButtons {
     margin-bottom: 15px;
+    display: inline-flex;
+    flex-flow: wrap;
+    row-gap: 10px;
 }
diff --git a/res/css/views/settings/_SecureBackupPanel.scss b/res/css/views/settings/_SecureBackupPanel.scss
@@ -34,6 +34,9 @@ limitations under the License.
 
 .mx_SecureBackupPanel_buttonRow {
     margin: 1em 0;
+    display: inline-flex;
+    flex-flow: wrap;
+    row-gap: 10px;
 
     :nth-child(n + 1) {
         margin-inline-end: 10px;