From 191bc6f4289fdb6c6af29c89c3e8f517e044060d Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Sun, 22 Mar 2026 01:24:24 -0400
Subject: [PATCH] Improved the admin post LOA dialog to function on mobile
 devices

---
 ui/src/pages/ManageLOA.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/ManageLOA.vue b/ui/src/pages/ManageLOA.vue
index f3b15b8..b04b6db 100644
--- a/ui/src/pages/ManageLOA.vue
+++ b/ui/src/pages/ManageLOA.vue
@@ -19,14 +19,17 @@ const showLOADialog = ref(false);
 <template>
     <div>
         <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
-            <DialogContent class="sm:max-w-fit">
+            <DialogContent class="w-[95vw] max-w-[95vw] max-h-[90dvh] overflow-y-auto p-4 sm:max-w-fit sm:p-6">
                 <DialogHeader>
                     <DialogTitle>Post LOA</DialogTitle>
                     <DialogDescription>
                         Post an LOA on behalf of a member.
                     </DialogDescription>
                 </DialogHeader>
-                <LoaForm :admin-mode="true" class="my-3"></LoaForm>
+                <LoaForm :admin-mode="true"></LoaForm>
+                <DialogFooter>
+                    <Button variant="outline" @click="showLOADialog = false">Cancel</Button>
+                </DialogFooter>
             </DialogContent>
         </Dialog>
         <div class="mx-auto max-w-5xl px-3 pt-10 sm:px-4 lg:px-0">