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 d9fb2321f28473dceb9d44af36f30bf2efe22cfe..69762c681978c5420ee0ca253fe2846bab628f2e 100644 (file)
--- 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>