mgr/dashboard: Fix padding of overview page

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

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

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
index 3d9b55aa093d816884728067408b28cba7ff4b46..116b2bd2f8aa4afdde3da8fe75babf242c739e21 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
@@ -3,10 +3,10 @@
 <div cdsGrid
      [fullWidth]="true"
      [narrow]="true"
-     class="cds-mt-5 cds-mb-5 overview">
-  <div cdsRow>
+     class="cds-mt-6 cds-mb-6 overview">
+  <div cdsRow
+       class="cds-mb-5">
     <div cdsCol
-         class="cds-mb-5"
          [columnNumbers]="{lg: 11}">
       <cd-overview-health-card
           [vm]="health"
@@ -16,14 +16,15 @@
         ></cd-overview-health-card>
     </div>
     <div cdsCol
-         class="cds-mb-5"
+         class="overview-pr-0"
          [columnNumbers]="{lg: 5}">
       <cd-overview-alerts-card [compact]="!activeHealthTab"></cd-overview-alerts-card>
     </div>
   </div>
-  <div cdsRow>
+  <div cdsRow
+       class="cds-mb-5">
     <div cdsCol
-         class="cds-mb-5"
+         class="overview-pr-0"
          [columnNumbers]="{lg: 16}">
       <cd-overview-storage-card
         [totalCapacity]="storageCard?.totalCapacity"
@@ -39,7 +40,7 @@
   </div>
   <div cdsRow>
     <div cdsCol
-         class="cds-mb-5"
+         class="overview-pr-0"
          [columnNumbers]="{ lg: 16 }">
       <cd-performance-card></cd-performance-card>
     </div>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
index 7ed0a90bfb63f757ab055644e3a25a871b437482..63fcc1646d210f8752e7f5b0a330d6926e0a4c71 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
@@ -31,6 +31,10 @@
     border-right: 1px solid var(--cds-border-subtle-01);
   }
 
+  &-pr-0 {
+    padding-right: 0 !important;
+  }
+
   // Overrides
   cds-panel .cds--header-panel {
     background-color: var(--cds-background);

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
index b685ee9e070e9d403e397ab17ea965563864d70e..e2e5ac02757183efd99501f97fe80ce994823a01 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
@@ -4,7 +4,6 @@
   background-color: vv.$body-bg-alt;
   margin: 0;
   padding: 0;
-  padding-bottom: 48px;
 }
 
 .container-fluid {