From f3d5fc68f3d017cc8ab815b2d70a4e7ec4bfe1e1 Mon Sep 17 00:00:00 2001
From: Joshua Ryder <ryderjj89@outlook.com>
Date: Wed, 1 Oct 2025 23:40:24 -0400
Subject: [PATCH] Fix login UX: disable autocapitalization, make username
 case-insensitive, improve edit scroll position

---
 pages/admin.vue               |  7 +++++--
 pages/login.vue               | 16 +++++++++-------
 server/api/auth/login.post.ts |  2 +-
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/pages/admin.vue b/pages/admin.vue
index 91dfde1..ba6501d 100644
--- a/pages/admin.vue
+++ b/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() {
diff --git a/pages/login.vue b/pages/login.vue
index 808d8f4..ed4bc89 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -13,13 +13,15 @@
             <label for="username" class="block text-sm font-medium text-gray-700">
               Username
             </label>
-            <input
-              id="username"
-              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"
-            />
+          <input
+            id="username"
+            v-model="username"
+            type="text"
+            required
+            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>
diff --git a/server/api/auth/login.post.ts b/server/api/auth/login.post.ts
index 828db0f..9e2d177 100644
--- a/server/api/auth/login.post.ts
+++ b/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({