From c1020d26b2026b610b1852d9d4104aec0a0ce025 Mon Sep 17 00:00:00 2001
From: z1glr <z1glr@pm.me>
Date: Fri, 24 Jan 2025 00:34:59 +0000
Subject: [PATCH] Improved overview layout

---
 client/src/app/MyEvents.tsx |  2 --
 client/src/app/Overview.tsx | 20 +++++++++++---------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/src/app/MyEvents.tsx b/client/src/app/MyEvents.tsx
index fe94224..a42770d 100644
--- a/client/src/app/MyEvents.tsx
+++ b/client/src/app/MyEvents.tsx
@@ -16,8 +16,6 @@ export default function MyEvents() {
 			if (result.ok) {
 				const data = await result.json();
 
-				console.debug(data);
-
 				return {
 					items: data,
 				};
diff --git a/client/src/app/Overview.tsx b/client/src/app/Overview.tsx
index b54eecf..9647a10 100644
--- a/client/src/app/Overview.tsx
+++ b/client/src/app/Overview.tsx
@@ -3,15 +3,17 @@ import PengingEvents from "./PendingEvents";
 
 export default function Overview() {
 	return (
-		<div className="relative flex-1">
-			<div className="flex flex-wrap justify-center gap-4"></div>
-
-			<h1 className="mb-4 text-center text-4xl">My Events</h1>
-			<MyEvents />
-			<h1 className="mb-4 mt-8 text-center text-4xl">
-				events that I don&apos;t have entered an availability yet
-			</h1>
-			<PengingEvents />
+		<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>
+				<PengingEvents />
+			</div>
 		</div>
 	);
 }