From 94cd6e680cbc6726e7a8c17db61766cbbce84e23 Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Tue, 5 Aug 2025 20:34:49 +1000
Subject: [PATCH] Minor UI update

---
 internal/config/config.go |  2 +-
 web/index.html            | 12 ++++++------
 web/login.html            | 15 ++++++++-------
 web/redirect.html         |  4 ++--
 4 files changed, 17 insertions(+), 16 deletions(-)
diff --git a/internal/config/config.go b/internal/config/config.go
index 4defc72..d8e95c4 100644
--- a/internal/config/config.go
+++ b/internal/config/config.go
@@ -76,7 +76,7 @@ func Load() (*Config, error) {
 			SessionSecret:   "change-me-in-production",
 			RequireApproval: true,
 			AllowedEmails:   []string{}, // Empty means no email restrictions
-			CookieDomain:    "", // Empty means no domain restriction (current domain only)
+			CookieDomain:    "",         // Empty means no domain restriction (current domain only)
 		},
 	}
 
diff --git a/web/index.html b/web/index.html
index 89441e9..658eeac 100644
--- a/web/index.html
+++ b/web/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
     <style>
         body {
             font-family: system-ui, -apple-system, sans-serif;
@@ -40,7 +40,7 @@
 <body>
     <div class="container">
         <div class="spinner"></div>
-        <h2>🔐 Passkey Authentication</h2>
+        <h2>🔐 Passkey Auth</h2>
         <p id="status">Checking authentication status...</p>
     </div>
 
@@ -55,13 +55,13 @@
             // Prefer 'redirect' over 'rd' if both are present
             const redirectParam = urlParams.get('redirect');
             const rdParam = urlParams.get('rd');
-            
+
             console.log('URL params:', {
                 redirect: redirectParam,
                 rd: rdParam,
                 search: window.location.search
             });
-            
+
             return redirectParam || rdParam;
         }
 
@@ -99,7 +99,7 @@
 
         async function checkAuthAndRedirect() {
             const redirectUrl = getRedirectUrl();
-            
+
             if (!redirectUrl) {
                 updateStatus('No redirect URL provided');
                 setTimeout(() => {
@@ -110,7 +110,7 @@
 
             try {
                 updateStatus('Checking authentication...');
-                
+
                 const response = await fetch('/api/auth/status', {
                     credentials: 'include'
                 });
diff --git a/web/login.html b/web/login.html
index c088f47..7a24cf2 100644
--- a/web/login.html
+++ b/web/login.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="color-scheme" content="light dark">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
     <style>
         /* Minimal custom styles - let PicoCSS handle most styling */
@@ -70,6 +70,12 @@
             margin-top: 1rem;
         }
 
+        /* Make login container smaller */
+        #authPanel article {
+            max-width: 400px;
+            margin: 0 auto;
+        }
+
         /* Responsive adjustments */
         @media (max-width: 576px) {
             .user-actions {
@@ -88,7 +94,7 @@
     <main class="container">
         <header>
             <hgroup>
-                <h1>🔐 Passkey Authentication</h1>
+                <h1>🔐 Passkey Auth</h1>
                 <p id="headerSubtitle">Secure passwordless authentication</p>
             </hgroup>
             <nav>
@@ -113,11 +119,6 @@
         <!-- Authentication Section -->
         <section id="authPanel" class="auth-panel">
             <article>
-                <header>
-                    <h2 id="authTitle">Sign in to your account</h2>
-                    <p>Use your passkey for secure authentication</p>
-                </header>
-
                 <form id="authForm">
                     <label for="email">
                         Email address
diff --git a/web/redirect.html b/web/redirect.html
index 98f572d..658eeac 100644
--- a/web/redirect.html
+++ b/web/redirect.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
     <style>
         body {
             font-family: system-ui, -apple-system, sans-serif;
@@ -40,7 +40,7 @@
 <body>
     <div class="container">
         <div class="spinner"></div>
-        <h2>🔐 Passkey Authentication</h2>
+        <h2>🔐 Passkey Auth</h2>
         <p id="status">Checking authentication status...</p>
     </div>
 
