Fix modal focus and adjust admin form input sizes

pages/admin.vue

@@ -44,7 +44,7 @@
                 v-model="form.title"
                 placeholder="Enter sermon title"
                 :disabled="loading"
-                size="sm"
+                class="h-8"
               />
             </UFormGroup>
 
@@ -53,7 +53,7 @@
                 v-model="form.date"
                 type="date"
                 :disabled="loading"
-                size="sm"
+                class="h-8"
               />
             </UFormGroup>
 
@@ -69,7 +69,7 @@
           </div>
 
           <!-- Bible References -->
-          <div class="space-y-4">
+          <div class="space-y-2">
             <div class="flex justify-between items-center">
               <h3 class="text-lg font-medium text-gray-900">Bible References</h3>
               <UButton
@@ -93,8 +93,7 @@
                   v-model="form.bibleReferences[index]"
                   :placeholder="`Bible reference ${index + 1}`"
                   :disabled="loading"
-                  class="flex-1"
-                  size="lg"
+                  class="flex-1 h-12"
                 />
                 <UButton
                   @click="removeBibleReference(index)"