mgr/dashboard: Fix css in alerts card

- fixes alignment of icons

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

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

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.scss
index 39723dfcaaa8761e8f45fb49c6844b720fd1cbe0..e29be372d3cb8b4984ff8d0b1c7ea0b2b806cecc 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.scss
@@ -2,16 +2,17 @@
   &-badge {
     display: inline-flex;
     align-items: center;
+    padding-right: var(--cds-spacing-04);
   }
 
   &-badge-with-border--right {
     border-right: 1px solid var(--cds-border-subtle);
-    padding: 0 var(--cds-spacing-04);
+    margin-right: var(--cds-spacing-04);
   }
 
   &-badge-with-border--bottom {
     border-bottom: 1px solid var(--cds-border-subtle);
-    padding-bottom: var(--cds-spacing-03);
+    padding: var(--cds-spacing-03) 0;
   }
 
   &-need-attention {