From faf183a23d01d7fda7ac71054be4f6c018f13903 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Wed, 3 Dec 2025 17:01:52 -0500
Subject: [PATCH] fixed scrolling issues

---
 ui/src/components/application/ApplicationChat.vue | 2 +-
 ui/src/pages/Application.vue                      | 2 +-
 ui/src/pages/ManageApplications.vue               | 8 +++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/application/ApplicationChat.vue b/ui/src/components/application/ApplicationChat.vue
index a4d48a1..cc1d653 100644
--- a/ui/src/components/application/ApplicationChat.vue
+++ b/ui/src/components/application/ApplicationChat.vue
@@ -38,7 +38,7 @@ function onSubmit(values: { text: string }, { resetForm }: { resetForm: () => vo
     <Form :validation-schema="commentSchema" @submit="onSubmit">
       <FormField name="text" v-slot="{ componentField }">
         <FormItem>
-          <FormLabel class="sr-only">Comment</FormLabel>
+          <FormLabel>Comment</FormLabel>
           <FormControl>
             <Textarea v-bind="componentField" rows="3" placeholder="Write a comment…"
               class="bg-neutral-800 resize-none w-full" />
diff --git a/ui/src/pages/Application.vue b/ui/src/pages/Application.vue
index 81d87c4..dd2c4ad 100644
--- a/ui/src/pages/Application.vue
+++ b/ui/src/pages/Application.vue
@@ -121,7 +121,7 @@ async function handleDeny(id) {
 </script>
 
 <template>
-    <div v-if="!loading" class="w-full">
+    <div v-if="!loading" class="w-full h-20">
         <div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8">
             <!-- Application header -->
             <div>
diff --git a/ui/src/pages/ManageApplications.vue b/ui/src/pages/ManageApplications.vue
index e794834..cc3e689 100644
--- a/ui/src/pages/ManageApplications.vue
+++ b/ui/src/pages/ManageApplications.vue
@@ -91,7 +91,7 @@ onMounted(async () => {
 })
 </script>
 <template>
-    <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5">
+    <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5 h-52 min-h-0 overflow-hidden">
         <!-- application list -->
         <div :class="openPanel == false ? 'w-full' : 'w-2/5'" class="pr-9">
             <h1 class="scroll-m-20 text-2xl font-semibold tracking-tight">Manage Applications</h1>
@@ -103,7 +103,7 @@ onMounted(async () => {
                         <TableHead class="text-right">Status</TableHead>
                     </TableRow>
                 </TableHeader>
-                <TableBody>
+                <TableBody class="overflow-y-auto scrollbar-themed">
                     <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
                         :onClick="() => { openApplication(app.id) }">
                         <TableCell class="font-medium">{{ app.member_name }}</TableCell>
@@ -136,7 +136,9 @@ onMounted(async () => {
                     <XIcon></XIcon>
                 </button>
             </div>
-            <Application :mode="'view-recruiter'"></Application>
+            <div class="overflow-y-auto max-h-[80vh] h-full mt-5 scrollbar-themed">
+                <Application :mode="'view-recruiter'"></Application>
+            </div>
         </div>
     </div>
 </template>