From a4ca5b5de45a8c33714564c33c81a6ebee9f3d86 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Fri, 19 Sep 2025 09:10:36 -0400
Subject: [PATCH] fixed sizing on recruitment page

---
 ui/src/pages/ManageApplications.vue | 67 ++++++++++++++++-------------
 1 file changed, 36 insertions(+), 31 deletions(-)

diff --git a/ui/src/pages/ManageApplications.vue b/ui/src/pages/ManageApplications.vue
index ef578ee..bcbe897 100644
--- a/ui/src/pages/ManageApplications.vue
+++ b/ui/src/pages/ManageApplications.vue
@@ -69,35 +69,40 @@ onMounted(async () => {
 })
 </script>
 <template>
-    <Table class="mx-auto max-w-3xl">
-        <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->
-        <TableHeader>
-            <TableRow>
-                <TableHead class="w-[100px]">User</TableHead>
-                <TableHead>Date Submitted</TableHead>
-                <TableHead class="text-right"></TableHead>
-                <TableHead class="text-right">Status</TableHead>
-            </TableRow>
-        </TableHeader>
-        <TableBody>
-            <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
-                :onClick="() => { openApplication(app.id) }">
-                <TableCell class="font-medium">{{ app.member_name }}</TableCell>
-                <TableCell :title="formatExact(app.submitted_at)">
-                    {{ formatAgo(app.submitted_at) }}
-                </TableCell>
-                <TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2">
-                    <Button variant="success" @click.stop="() => { handleApprove(app.id) }"><CheckIcon></CheckIcon></Button>
-                    <Button variant="destructive" @click.stop="() => { handleDeny(app.id) }"><XIcon></XIcon></Button>
-                </TableCell>
-
-                <TableCell class="text-right font-semibold" :class="[
-                    ,
-                    app.app_status === Status.Pending && 'text-yellow-500',
-                    app.app_status === Status.Accepted && 'text-green-500',
-                    app.app_status === Status.Denied && 'text-destructive'
-                ]">{{ app.app_status }}</TableCell>
-            </TableRow>
-        </TableBody>
-    </Table>
+    <div class="mx-auto max-w-5xl">
+        <h1 class="my-4">Manage Applications</h1>
+        <Table>
+            <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->
+            <TableHeader>
+                <TableRow>
+                    <TableHead>User</TableHead>
+                    <TableHead>Date Submitted</TableHead>
+                    <TableHead class="text-right">Status</TableHead>
+                </TableRow>
+            </TableHeader>
+            <TableBody>
+                <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
+                    :onClick="() => { openApplication(app.id) }">
+                    <TableCell class="font-medium">{{ app.member_name }}</TableCell>
+                    <TableCell :title="formatExact(app.submitted_at)">
+                        {{ formatAgo(app.submitted_at) }}
+                    </TableCell>
+                    <TableCell v-if="app.app_status === Status.Pending" class="inline-flex items-end gap-2">
+                        <Button variant="success" @click.stop="() => { handleApprove(app.id) }">
+                            <CheckIcon></CheckIcon>
+                        </Button>
+                        <Button variant="destructive" @click.stop="() => { handleDeny(app.id) }">
+                            <XIcon></XIcon>
+                        </Button>
+                    </TableCell>
+                    <TableCell class="text-right font-semibold" :class="[
+                        ,
+                        app.app_status === Status.Pending && 'text-yellow-500',
+                        app.app_status === Status.Accepted && 'text-green-500',
+                        app.app_status === Status.Denied && 'text-destructive'
+                    ]">{{ app.app_status }}</TableCell>
+                </TableRow>
+            </TableBody>
+        </Table>
+    </div>
 </template>
\ No newline at end of file