From 8f0da2e68866fcf364b25354302af5d5689d5631 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <github@flamingcow.io>
Date: Mon, 29 Dec 2025 14:27:59 -0800
Subject: [PATCH] Center signin button and adjust Events link spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/afac26.html | 4 ++--
 static/app.js      | 2 +-
 static/index.html  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/afac26.html b/static/afac26.html
index 669c4cd..df94147 100644
--- a/static/afac26.html
+++ b/static/afac26.html
@@ -17,7 +17,7 @@
             margin: 0;
             padding: 1rem;
         }
-        #signin { display: none; }
+        #signin { display: none; flex: 1; align-items: center; justify-content: center; }
         #main { display: none; width: 100%; max-width: 600px; }
         .header {
             display: flex;
@@ -143,7 +143,7 @@
                 </div>
             </div>
         </wa-card>
-        <wa-button variant="text" size="small" href="/" style="margin-top: 1rem;">« Events</wa-button>
+        <wa-button variant="text" size="small" href="/" style="margin-top: 2rem; margin-left: 3px;">« Events</wa-button>
     </div>
     <script type="module">
         import { auth, logout, api } from '/app.js';
diff --git a/static/app.js b/static/app.js
index 6cc7601..6ccfeb4 100644
--- a/static/app.js
+++ b/static/app.js
@@ -62,7 +62,7 @@ export async function auth() {
     await googleReady;
 
     const signin = document.getElementById('signin');
-    signin.style.display = 'block';
+    signin.style.display = 'flex';
     document.body.style.opacity = 1;
 
     profile = await new Promise((resolve) => {
diff --git a/static/index.html b/static/index.html
index 5462d42..be79886 100644
--- a/static/index.html
+++ b/static/index.html
@@ -17,7 +17,7 @@
             margin: 0;
             padding: 1rem;
         }
-        #signin { display: none; }
+        #signin { display: none; flex: 1; align-items: center; justify-content: center; }
         #main { display: none; width: 100%; max-width: 600px; }
         .header {
             display: flex;