Nesting - .mx_Dialog_buttons_row

This is used only under mx_Dialog_buttons

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

Author: luixxiul

res/css/_common.scss

@@ -417,21 +417,21 @@ legend {
         // The consumer is responsible for positioning their elements.
         float: left;
     }
-}
 
-.mx_Dialog_buttons_row {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    text-align: initial;
-    margin-inline-start: auto;
+    .mx_Dialog_buttons_row {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        text-align: initial;
+        margin-inline-start: auto;
 
-    // default gap among elements
-    column-gap: $spacing-8; // See margin-right below inside the button style
-    row-gap: 5px; // See margin-bottom below inside the button style
+        // default gap among elements
+        column-gap: $spacing-8; // See margin-right below inside the button style
+        row-gap: 5px; // See margin-bottom below inside the button style
 
-    button {
-        margin: 0 !important; // override the margin settings
+        button {
+            margin: 0 !important; // override the margin settings
+        }
     }
 }