From: Afreen Misbah <afreen@ibm.com>
Date: Fri, 27 Mar 2026 11:05:52 +0000 (+0530)
Subject: mgr/dashboard: Fix padding of overview page
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=refs%2Fpull%2F68049%2Fhead;p=ceph.git

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 3d9b55aa093d..116b2bd2f8aa 100644
--- 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 7ed0a90bfb63..63fcc1646d21 100644
--- 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 b685ee9e070e..e2e5ac027571 100644
--- 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 {