mgr/dashboard: New Landing Page: Milestone 2

Reduced space between info group title and cards (PR review suggestion).

Fixes: https://tracker.ceph.com/issues/27050
Signed-off-by: Alfonso Martínez <almartin@redhat.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 2aa02386c643b72422277648e29cc9d9dcf7ff62..9b5afb53e378de72522d2c39d85ae1519da7821e 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
@@ -1,5 +1,9 @@
 @import '../../../../defaults';
 
+cd-info-card {
+  padding: 0 0.5vw 0 0.5vw;
+}
+
 .cd-container-flex {
   margin: 0;
   padding: 0;
@@ -34,6 +38,10 @@
 }
 
 @media (max-width: 767px) {
+  cd-info-card {
+    padding: 0;
+  }
+
   .cd-col-5 {
     width: 100%;
   }
@@ -44,10 +52,6 @@
   padding: 0;
 }
 
-cd-info-card {
-  padding: 0 0.5vw 0 0.5vw;
-}
-
 ::ng-deep .pg-status-popover-wrapper {
   position: relative;
 

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
index 07d2f160552d9f016deeb076272220985cd54025..3f2efa997a03ffe04821e7ecd93c87616f15c204 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
@@ -1,7 +1,7 @@
 @import '../../../../defaults';
 
 .info-group-title {
-  margin: 0 0 1.3vw 0.5vw;
+  margin: 0 0 0.5vw 0.5vw;
   padding: 0;
   font-size: 21px;
 }