NAS-131218: Form Buttons overlap (#10686)

truenas · Sep 17, 2024 · d6612ff · d6612ff
1 parent 1cef683
commit d6612ff
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/src/app/modules/forms/ix-forms/components/form-actions/form-actions.component.scss b/src/app/modules/forms/ix-forms/components/form-actions/form-actions.component.scss
@@ -1,27 +1,24 @@
 :host,
 :host-context(mat-dialog-container .ix-form-container) :host {
   display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
   justify-content: flex-end;
   margin: 0;
-
-  ::ng-deep > * {
-    margin: 0 0 0 8px;
-  }
 }
 
 :host-context(.ix-form-container) :host {
+  flex-wrap: wrap;
+  gap: 8px;
   justify-content: flex-start;
   margin: 0 10px;
-
-  ::ng-deep > * {
-    margin: 0 8px 0 0;
-  }
 }
 
 :host-context(mat-vertical-stepper) :host {
+  flex-wrap: wrap;
   justify-content: flex-start;
 
   ::ng-deep > * {
-    margin: 0 8px 0 0;
+    gap: 8px;
   }
 }