From: Naman Munet <naman.munet@ibm.com>
Date: Wed, 29 Oct 2025 10:44:53 +0000 (+0530)
Subject: mgr/dashboard: fix icon alignment in navigation header
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=b4d61dcd304ef9040e3b53a4730bf1ab451b233f;p=ceph.git

mgr/dashboard: fix icon alignment in navigation header

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

Signed-off-by: Naman Munet <naman.munet@ibm.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
index 68d739629b8a..59511246ac04 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
@@ -20,16 +20,19 @@
   </cd-alert-panel>
   <div [cdsStack]="'horizontal'"
        [gap]="4">
-    <cd-table-actions [permission]="permissions.rgw"
+    <cd-table-actions class="btn-group"
+                      [permission]="permissions.rgw"
                       [selection]="selection"
                       [tableActions]="multisiteReplicationActions">
     </cd-table-actions>
     <cd-table-actions *ngIf="showMigrateAndReplicationActions"
+                      class="btn-group"
                       [permission]="permissions.rgw"
                       [selection]="selection"
                       [tableActions]="migrateTableAction">
     </cd-table-actions>
-    <cd-table-actions [permission]="permissions.rgw"
+    <cd-table-actions class="btn-group multisite-actions"
+                      [permission]="permissions.rgw"
                       [selection]="selection"
                       [tableActions]="createTableActions"
                       dropDownOnly="Actions"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
index 7037c2469f61..decb39195b60 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
@@ -18,7 +18,7 @@
   width: 100%;
 }
 
-::ng-deep cds-overflow-menu .cds--btn--icon-only {
+::ng-deep cd-table-actions.btn-group.multisite-actions cds-overflow-menu .cds--btn--icon-only {
   position: relative;
   top: 4px;
   width: auto;