From 96378a5581a4bf3f9da54122784f81ac55d5f130 Mon Sep 17 00:00:00 2001
From: Vishnu Sreekumaran Nair <200557136@student.georgianc.on.ca>
Date: Tue, 18 Feb 2025 13:53:02 -0500
Subject: [PATCH 1/2] remove box container and move fallback outisde wrapper

---
 src/Pages/Maintenance/index.jsx | 99 ++++++++++++++-------------------
 1 file changed, 43 insertions(+), 56 deletions(-)

diff --git a/src/Pages/Maintenance/index.jsx b/src/Pages/Maintenance/index.jsx
index f963032bf..bd3309127 100644
--- a/src/Pages/Maintenance/index.jsx
+++ b/src/Pages/Maintenance/index.jsx
@@ -42,66 +42,53 @@ const Maintenance = () => {
 		fetchMaintenanceWindows();
 	}, [page, rowsPerPage, updateTrigger]);
 
+	if (maintenanceWindows.length === 0) {
+		return (
+			<Fallback
+				title="maintenance window"
+				checks={[
+					"Mark your maintenance periods",
+					"Eliminate any misunderstandings",
+					"Stop sending alerts in maintenance windows",
+				]}
+				link="/maintenance/create"
+				isAdmin={isAdmin}
+			/>
+		);
+	}
+
 	return (
-		<Box
-			className="maintenance table-container"
-			sx={{
-				':has(> [class*="fallback__"])': {
-					position: "relative",
-					border: 1,
-					borderColor: theme.palette.primary.lowContrast,
-					borderRadius: theme.shape.borderRadius,
-					borderStyle: "dashed",
-					backgroundColor: theme.palette.primary.main,
-					overflow: "hidden",
-				},
-			}}
-		>
-			{maintenanceWindows.length > 0 && (
-				<Stack gap={theme.spacing(8)}>
-					<Stack
-						direction="row"
-						justifyContent="space-between"
-						alignItems="center"
-						mt={theme.spacing(5)}
+
+			<Stack gap={theme.spacing(8)}>
+				<Stack
+					direction="row"
+					justifyContent="space-between"
+					alignItems="center"
+					mt={theme.spacing(5)}
+				>
+					<Breadcrumbs list={[{ name: "maintenance", path: "/maintenance" }]} />
+					<Button
+						variant="contained"
+						color="accent"
+						onClick={() => {
+							navigate("/maintenance/create");
+						}}
+						sx={{ fontWeight: 500 }}
 					>
-						<Breadcrumbs list={[{ name: "maintenance", path: "/maintenance" }]} />
-						<Button
-							variant="contained"
-							color="accent"
-							onClick={() => {
-								navigate("/maintenance/create");
-							}}
-							sx={{ fontWeight: 500 }}
-						>
-							Create maintenance window
-						</Button>
-					</Stack>
-					<MaintenanceTable
-						page={page}
-						setPage={setPage}
-						rowsPerPage={rowsPerPage}
-						sort={sort}
-						setSort={setSort}
-						maintenanceWindows={maintenanceWindows}
-						maintenanceWindowCount={maintenanceWindowCount}
-						updateCallback={handleActionMenuDelete}
-					/>
+						Create maintenance window
+					</Button>
 				</Stack>
-			)}
-			{maintenanceWindows.length === 0 && (
-				<Fallback
-					title="maintenance window"
-					checks={[
-						"Mark your maintenance periods",
-						"Eliminate any misunderstandings",
-						"Stop sending alerts in maintenance windows",
-					]}
-					link="/maintenance/create"
-					isAdmin={isAdmin}
+				<MaintenanceTable
+					page={page}
+					setPage={setPage}
+					rowsPerPage={rowsPerPage}
+					sort={sort}
+					setSort={setSort}
+					maintenanceWindows={maintenanceWindows}
+					maintenanceWindowCount={maintenanceWindowCount}
+					updateCallback={handleActionMenuDelete}
 				/>
-			)}
-		</Box>
+			</Stack>
 	);
 };
 

From b856ce3dd1239f5d21702f9eda43e9753a6ed27b Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 18 Feb 2025 12:06:58 -0800
Subject: [PATCH 2/2] use standard spacing

---
 src/Pages/Maintenance/index.jsx | 57 ++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/Pages/Maintenance/index.jsx b/src/Pages/Maintenance/index.jsx
index bd3309127..98accaed0 100644
--- a/src/Pages/Maintenance/index.jsx
+++ b/src/Pages/Maintenance/index.jsx
@@ -58,37 +58,36 @@ const Maintenance = () => {
 	}
 
 	return (
-
-			<Stack gap={theme.spacing(8)}>
-				<Stack
-					direction="row"
-					justifyContent="space-between"
-					alignItems="center"
-					mt={theme.spacing(5)}
+		<Stack gap={theme.spacing(10)}>
+			<Stack
+				direction="row"
+				justifyContent="space-between"
+				alignItems="center"
+				mt={theme.spacing(5)}
+			>
+				<Breadcrumbs list={[{ name: "maintenance", path: "/maintenance" }]} />
+				<Button
+					variant="contained"
+					color="accent"
+					onClick={() => {
+						navigate("/maintenance/create");
+					}}
+					sx={{ fontWeight: 500 }}
 				>
-					<Breadcrumbs list={[{ name: "maintenance", path: "/maintenance" }]} />
-					<Button
-						variant="contained"
-						color="accent"
-						onClick={() => {
-							navigate("/maintenance/create");
-						}}
-						sx={{ fontWeight: 500 }}
-					>
-						Create maintenance window
-					</Button>
-				</Stack>
-				<MaintenanceTable
-					page={page}
-					setPage={setPage}
-					rowsPerPage={rowsPerPage}
-					sort={sort}
-					setSort={setSort}
-					maintenanceWindows={maintenanceWindows}
-					maintenanceWindowCount={maintenanceWindowCount}
-					updateCallback={handleActionMenuDelete}
-				/>
+					Create maintenance window
+				</Button>
 			</Stack>
+			<MaintenanceTable
+				page={page}
+				setPage={setPage}
+				rowsPerPage={rowsPerPage}
+				sort={sort}
+				setSort={setSort}
+				maintenanceWindows={maintenanceWindows}
+				maintenanceWindowCount={maintenanceWindowCount}
+				updateCallback={handleActionMenuDelete}
+			/>
+		</Stack>
 	);
 };