mgr/dashboard: Fix spacing between cards

Fixes: https://tracker.ceph.com/issues/41309
Signed-off-by: Tiago Melo <tmelo@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
index 800fd768400481d6056cc558fbf2216581b8e9c4..efeb7c56fe6451d11bf5a5d84cfbe1ae537f3d88 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
@@ -4,6 +4,7 @@ cd-info-card {
   padding: 0 0.5vw 0 0.5vw;
   @extend .d-flex;
   @extend .flex-column;
+  @extend .mb-4;
 }
 
 ::ng-deep .pg-status-popover-wrapper {

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.html
index 71894688f3a59e8795487ee4380498f61644953a..526b3e9d74e961d05cfcd446962c3e6c9da6156b 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.html
@@ -1,4 +1,4 @@
-<div class="card mb-4"
+<div class="card"
      [ngClass]="cardClass">
   <div class="card-body d-flex align-items-center justify-content-center">
     <h5 class="card-title m-4">