From f51dccb228513be45e33e25c23ba609e92d76b21 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 5 Nov 2025 12:40:45 +0000
Subject: [PATCH] Make login error message dismissible with X button and
 confirmation dialog

---
 cmd/tracks/web/templates/login.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/cmd/tracks/web/templates/login.html b/cmd/tracks/web/templates/login.html
index 4cffdb37..e4f34849 100644
--- a/cmd/tracks/web/templates/login.html
+++ b/cmd/tracks/web/templates/login.html
@@ -66,12 +66,13 @@
         {{end}}
 
         {{if .Error}}
-        <div class="alert alert-error" style="margin-bottom: 1.5rem;">
-            {{.Error}}
+        <div class="alert alert-error" style="margin-bottom: 1.5rem; display: flex; justify-content: space-between; align-items: center;">
+            <span>{{.Error}}</span>
+            <button type="button" onclick="this.parentElement.style.display='none'" style="background: none; border: none; color: inherit; font-size: 1.2rem; cursor: pointer; padding: 0 0.5rem;">×</button>
         </div>
         {{end}}
 
-        <form method="POST" action="/login" id="loginForm">
+        <form method="POST" action="/login" id="loginForm" {{if .Error}}onsubmit="return confirm('Try logging in again?')"{{end}}>
             <div class="form-group">
                 <label for="login">Username</label>
                 <input type="text" id="login" name="login" required autofocus>