From: Afreen Misbah <afreen@ibm.com>
Date: Tue, 21 Apr 2026 18:17:35 +0000 (+0530)
Subject: mgr/dashboard: Fix osd modal spacings and footer
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=a24132f6bf10fa35bb6a8708ec825e257b0cb03c;p=ceph.git

mgr/dashboard: Fix osd modal spacings and footer

Fixes https://tracker.ceph.com/issues/76188

- aligned as per https://carbondesignsystem.com/components/modal/usage/#transactional-modal

Signed-off-by: Afreen Misbah <afreen@ibm.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
index d9fb2321f284..69762c681978 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
@@ -35,7 +35,7 @@
             </div>
           </cds-checkbox>
           @if (!last) {
-          <hr class="cds-m-1" />
+          <hr class="cds-m-2" />
           }
         </div>
         }
@@ -43,25 +43,25 @@
     </form>
   </div>
 
-  <cds-modal-footer>
-    <button [cdsButton]="'ghost'"
-            (click)="closeModal()"
-            type="button"
-            i18n>
-      Cancel
-    </button>
-    <button [cdsButton]="'secondary'"
-            (click)="resetSelection()"
-            type="button"
-            i18n>
-      Restore previous selection
-    </button>
-    @if (permissions.osd.update) {
-    <cd-submit-button
-      (submitAction)="submitAction()"
-      [form]="osdFlagsForm"
-      [submitText]="actionLabels.UPDATE"
-    >{{ actionLabels.UPDATE }}</cd-submit-button>
-    }
+  <cds-modal-footer class="osd-footer">
+    <cds-button-set>
+      <button cdsButton="secondary"
+              (click)="closeModal()"
+              i18n>
+        Cancel
+      </button>
+      <button cdsButton="secondary"
+              (click)="resetSelection()"
+              i18n>
+        Reset
+      </button>
+      @if (permissions.osd.update) {
+      <cd-submit-button
+        (submitAction)="submitAction()"
+        [form]="osdFlagsForm"
+        [submitText]="actionLabels.UPDATE">
+        {{ actionLabels.UPDATE }}</cd-submit-button>
+      }
+    </cds-button-set>
   </cds-modal-footer>
 </cds-modal>