Fix login UX: disable autocapitalization, make username case-insensitive, improve edit scroll position

pages/admin.vue

@@ -377,8 +377,11 @@ function handleEdit() {
     bibleReferences.value = [{ version: 'ESV', reference: sermon.bible_references, text: '' }]
   }
   
-  // Scroll to form
+  // Scroll to form (just below the management section)
-  window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+  const formElement = document.querySelector('form')
+  if (formElement) {
+    formElement.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
 }
 
 async function handleDelete() {

pages/login.vue

@@ -13,13 +13,15 @@
             <label for="username" class="block text-sm font-medium text-gray-700">
               Username
             </label>
-            <input
+          <input
-              id="username"
+            id="username"
-              v-model="username"
+            v-model="username"
-              type="text"
+            type="text"
-              required
+            required
-              class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"
+            autocapitalize="none"
-            />
+            autocomplete="username"
+            class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"
+          />
           </div>
 
           <div>

server/api/auth/login.post.ts

@@ -12,7 +12,7 @@ export default defineEventHandler(async (event) => {
     })
   }
 
-  const user = getUserByUsername(username)
+  const user = getUserByUsername(username.toLowerCase())
 
   if (!user || user.password !== password) {
     throw createError({