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 68d739629b8a70aafde5a8fad8342992539a6e13..59511246ac045d952d26d058befc73243da84f44 100644 (file)
--- 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 7037c2469f619da8fe77faa150b7fc23d9dc0a05..decb39195b6099e217d626b5044f2bcd98ca8726 100644 (file)
--- 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;