From 7dde4a74c9b805b4576a98c284ac9c5285e07d59 Mon Sep 17 00:00:00 2001
From: Vishnu Sreekumaran Nair <200557136@student.georgianc.on.ca>
Date: Fri, 21 Mar 2025 23:39:51 -0400
Subject: [PATCH] wrap outlet in stack and update the layout styles

---
 src/Components/Fallback/index.jsx           | 1 +
 src/Components/Layouts/HomeLayout/index.css | 8 +++-----
 src/Components/Layouts/HomeLayout/index.jsx | 4 +++-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Components/Fallback/index.jsx b/src/Components/Fallback/index.jsx
index 3e30cd374..bdee376c5 100644
--- a/src/Components/Fallback/index.jsx
+++ b/src/Components/Fallback/index.jsx
@@ -35,6 +35,7 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) =>
 			overflow="hidden"
 			sx={{
 				borderStyle: "dashed",
+				minHeight: "calc(100vh - var(--env-var-spacing-2) * 2)",
 			}}
 		>
 			<Stack
diff --git a/src/Components/Layouts/HomeLayout/index.css b/src/Components/Layouts/HomeLayout/index.css
index 85ac93941..6d6ad08b8 100644
--- a/src/Components/Layouts/HomeLayout/index.css
+++ b/src/Components/Layouts/HomeLayout/index.css
@@ -1,7 +1,6 @@
 .home-layout {
 	position: relative;
 	min-height: 100vh;
-	/* max-width: 1400px; */
 	margin: 0 auto;
 	padding: 0;
 }
@@ -15,7 +14,7 @@
 
 .home-layout aside {
 	position: sticky;
-	top: 0;
+	top: var(--env-var-spacing-2);
 	left: 0;
 	height: 100vh;
 	max-width: var(--env-var-side-bar-width);
@@ -26,10 +25,9 @@
 	flex: 1;
 }
 
-.home-layout > :nth-child(2) {
+.home-content-wrapper {
 	padding: var(--env-var-spacing-2);
-	min-height: calc(100vh - var(--env-var-spacing-2) * 2);
 	max-width: 1400px;
 	margin: 0 auto;
 	flex: 1;
-}
+}
\ No newline at end of file
diff --git a/src/Components/Layouts/HomeLayout/index.jsx b/src/Components/Layouts/HomeLayout/index.jsx
index b605a0d53..55b612522 100644
--- a/src/Components/Layouts/HomeLayout/index.jsx
+++ b/src/Components/Layouts/HomeLayout/index.jsx
@@ -12,7 +12,9 @@ const HomeLayout = () => {
 			gap={14}
 		>
 			<Sidebar />
-			<Outlet />
+			<Stack className="home-content-wrapper">
+				<Outlet />
+			</Stack>
 		</Stack>
 	);
 };