fix(dialog): set margin on buttons inside md-dialog-actions

Based on the spec, buttons inside the dialog actions are supposed to have a margin. This is follow-up from #5283.
angular · Jul 17, 2017 · a2c45ed · a2c45ed
1 parent c20bec8
commit a2c45ed
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/lib/dialog/dialog.scss b/src/lib/dialog/dialog.scss
@@ -6,6 +6,7 @@ $mat-dialog-padding: 24px !default;
 $mat-dialog-border-radius: 2px !default;
 $mat-dialog-max-width: 80vw !default;
 $mat-dialog-max-height: 65vh !default;
+$mat-dialog-button-margin: 8px !default;
 
 .mat-dialog-container {
   @include mat-elevation(24);
@@ -59,4 +60,16 @@ $mat-dialog-max-height: 65vh !default;
   &[align='center'] {
     justify-content: center;
   }
+
+  .mat-button + .mat-button,
+  .mat-raised-button + .mat-raised-button,
+  .mat-button + .mat-raised-button,
+  .mat-raised-button + .mat-button {
+    margin-left: $mat-dialog-button-margin;
+
+    [dir='rtl'] & {
+      margin-left: 0;
+      margin-right: $mat-dialog-button-margin;
+    }
+  }
 }