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
-  window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+  // Scroll to form (just below the management section)
+  const formElement = document.querySelector('form')
+  if (formElement) {
+    formElement.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
 }
 
 async function handleDelete() {

pages/login.vue

@@ -18,7 +18,9 @@
             v-model="username"
             type="text"
             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>
 

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({