From f7fbc4dfc2c64deae7a5609b999485b1b3acb91f Mon Sep 17 00:00:00 2001
From: z1glr <z1glr@pm.me>
Date: Tue, 28 Jan 2025 20:30:50 +0000
Subject: [PATCH] adjusted overview styling

---
 client/src/app/MyEvents.tsx |  6 +++++-
 client/src/app/Overview.tsx | 19 -------------------
 client/src/app/page.tsx     | 20 +++++++++++++++++---
 3 files changed, 22 insertions(+), 23 deletions(-)
 delete mode 100644 client/src/app/Overview.tsx

diff --git a/client/src/app/MyEvents.tsx b/client/src/app/MyEvents.tsx
index a42770d..28ebc15 100644
--- a/client/src/app/MyEvents.tsx
+++ b/client/src/app/MyEvents.tsx
@@ -31,7 +31,11 @@ export default function MyEvents() {
 		<div className="flex justify-center gap-4">
 			{events.items.map((e) => (
 				<Event key={e.eventID} event={e}>
-					<AssignmentTable tasks={e.tasks} highlightUser={user?.userName} />
+					<AssignmentTable
+						className="mt-auto"
+						tasks={e.tasks}
+						highlightUser={user?.userName}
+					/>
 				</Event>
 			))}
 		</div>
diff --git a/client/src/app/Overview.tsx b/client/src/app/Overview.tsx
deleted file mode 100644
index bb431ee..0000000
--- a/client/src/app/Overview.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import MyEvents from "./MyEvents";
-import PendingEvents from "./PendingEvents";
-
-export default function Overview() {
-	return (
-		<div className="relative flex-1 grid-cols-2 lg:grid">
-			<div>
-				<h1 className="mb-4 text-center text-4xl">My Events</h1>
-				<MyEvents />
-			</div>
-			<div>
-				<h1 className="mb-4 mt-8 text-center text-4xl lg:mt-0">
-					Pending Events
-				</h1>
-				<PendingEvents />
-			</div>
-		</div>
-	);
-}
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index d71ff59..e1dba79 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -1,5 +1,19 @@
-import Overview from "./Overview";
+import MyEvents from "./MyEvents";
+import PendingEvents from "./PendingEvents";
 
-export default function Home() {
-	return <Overview />;
+export default function Overview() {
+	return (
+		<div className="relative mx-auto flex-1 grid-cols-2 lg:grid lg:max-w-screen-lg">
+			<div>
+				<h1 className="mb-4 text-center text-4xl">My Events</h1>
+				<MyEvents />
+			</div>
+			<div>
+				<h1 className="mb-4 mt-8 text-center text-4xl lg:mt-0">
+					Pending Events
+				</h1>
+				<PendingEvents />
+			</div>
+		</div>
+	);
 }