From 7d6c2db89cae1f137f126f5814dccd373f7ccb76 Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Fri, 3 Apr 2026 17:16:58 -0500
Subject: [PATCH] style(notifcaion): style changes to the notificaion card and
 started the table

---
 .../(auth)/-components/NotificationsSubCard.tsx   |  2 +-
 frontend/src/routes/(auth)/user.profile.tsx       | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/(auth)/-components/NotificationsSubCard.tsx b/frontend/src/routes/(auth)/-components/NotificationsSubCard.tsx
index d4f116e..6d4eb40 100644
--- a/frontend/src/routes/(auth)/-components/NotificationsSubCard.tsx
+++ b/frontend/src/routes/(auth)/-components/NotificationsSubCard.tsx
@@ -36,7 +36,7 @@ export default function NotificationsSubCard({ user }: any) {
 
 	return (
 		<div>
-			<Card className="p-3 w-128">
+			<Card className="p-3 w-lg">
 				<CardHeader>
 					<CardTitle>Notifications</CardTitle>
 					<CardDescription>
diff --git a/frontend/src/routes/(auth)/user.profile.tsx b/frontend/src/routes/(auth)/user.profile.tsx
index 701f83c..f8af85c 100644
--- a/frontend/src/routes/(auth)/user.profile.tsx
+++ b/frontend/src/routes/(auth)/user.profile.tsx
@@ -57,8 +57,9 @@ function RouteComponent() {
 		},
 	});
 	return (
-		<div className="flex justify-center flex-col pt-4 gap-2 lg:flex-row">
-			<div>
+		<div className="flex justify-center flex-col pt-4 gap-2">
+			<div className="flex justify-center flex-col pt-4 gap-2 lg:flex-row">
+				<div>
 				<Card className="p-6 w-96">
 					<CardHeader>
 						<CardTitle>Profile</CardTitle>
@@ -99,7 +100,7 @@ function RouteComponent() {
 			<div>
 				<Suspense
 					fallback={
-						<Card className="p-3 w-96">
+						<Card className="p-3 w-lg">
 							<CardHeader>
 								<CardTitle>Notifications</CardTitle>
 							</CardHeader>
@@ -116,6 +117,14 @@ function RouteComponent() {
 					{session && <NotificationsSubCard user={session.user} />}
 				</Suspense>
 			</div>
+			</div>
+			<div className="w-fill">
+				<Card>
+					<CardHeader className="text-center">
+						This is where the user's current notification subs will be. 
+					</CardHeader>
+				</Card>
+			</div>
 		</div>
 	);
 }