From 967ac6a122a1e5ae7464f8b25328f8318c3b666a Mon Sep 17 00:00:00 2001
From: Jenny <32821331+jenny-s51@users.noreply.github.com>
Date: Mon, 10 Feb 2025 13:58:18 -0500
Subject: [PATCH] fix(frontend): remove extra page padding

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>
---
 .../frontend/src/shared/style/MUI-theme.scss  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
index 9c67cb68..0b850495 100644
--- a/clients/ui/frontend/src/shared/style/MUI-theme.scss
+++ b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -764,9 +764,8 @@
   --pf-v6-c-button--PaddingInlineEnd: none;
 }
 
-.mui-theme .pf-v6-c-page__main-container {
-  --pf-v6-c-page__main-container--BorderRadius: var(--mui-shape-borderRadius);
-  box-shadow: var(--mui-shadows-1);
+.mui-theme .pf-v6-c-page {
+  --pf-v6-c-page--BackgroundColor: var(--mui-palette-common-white);
 }
 
 .mui-theme .pf-v6-c-pagination {
@@ -801,10 +800,6 @@
   /* Position sidebar above the masthead */
 }
 
-.mui-theme .pf-v6-c-page__main-container {
-  margin-top: var(--kf-central-app-bar-height);
-  /* Move content area below the app bar */
-}
 
 /* Hide Masthead Toggle by default */
 .mui-theme .pf-v6-c-masthead__toggle {
@@ -812,9 +807,20 @@
 }
 
 /* Show Masthead Toggle on viewports below 1270px */
-@media (max-width: 1270px) {
+@media (max-width: 1200px) {
   .mui-theme .pf-v6-c-masthead__toggle {
     display: block;
     padding-block-start: var(--mui-spacing-4px);
   }
-}
\ No newline at end of file
+
+  .mui-theme .pf-v6-c-page__main-container {
+    margin-left: 0;
+  }
+}
+
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__main-container,
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__drawer {
+  --pf-v6-c-page__main-container--MarginInlineStart: calc(-2 * var(--mui-spacing-16px));
+  --pf-v6-c-page__main-section--PaddingInlineStart: none;
+  --pf-v6-c-page__main-section--PaddingInlineEnd: none;
+}