From: Afreen Misbah <afreen@ibm.com>
Date: Wed, 25 Feb 2026 04:47:13 +0000 (+0530)
Subject: mgr/dashboard: Fix css in alerts card
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=3408f34e740b259bb08f4917c68462deae481daa;p=ceph.git

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>
(cherry picked from commit 1542265579e0551750db48cb9b12f73d25d4d9db)
---

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 39723dfcaaa8..e29be372d3cb 100644
--- 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 {