From 1bae7cff2acfbf8e9a1ea138633d156b710275a0 Mon Sep 17 00:00:00 2001
From: Max Amundsen <max@cdrateline.com>
Date: Fri, 7 Mar 2025 00:09:49 -0500
Subject: [PATCH] update login screen

---
 handlers/auth/login.go | 9 ++++++---
 ui/icons.go            | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/handlers/auth/login.go b/handlers/auth/login.go
index ae4196d..ae996ab 100644
--- a/handlers/auth/login.go
+++ b/handlers/auth/login.go
@@ -146,7 +146,10 @@ func LoginView(errorMsg string) Node {
 									color: $color(deep-blue);
 								}
 							`),
-							Text("Secure Sign In"),
+							Div(
+								InlineStyle("$me { display: flex; flex-direction: row; align-items: center; gap: $4;}"),
+								Icon(ICON_LOCK_KEYHOLE, 24), Text("Secure Sign In"),
+							),
 						),
 						Div(
 							Label(
@@ -155,7 +158,7 @@ func LoginView(errorMsg string) Node {
 								Text("Username"),
 							),
 							Div(InlineStyle("$me { margin-top: $2; }"),
-								FormInput(Name("username"), Type("text"), Required()),
+								FormInput(Name("username"), Type("text"), AutoFocus(), Required()),
 							),
 						),
 						Div(
@@ -195,7 +198,7 @@ func LoginView(errorMsg string) Node {
 									}
 								`),
 								Type("submit"),
-								Text("Sign In"),
+								Text("Unlock Vault"),
 							),
 						),
 						InlineScript(`
diff --git a/ui/icons.go b/ui/icons.go
index 29d5bac..b1c0354 100644
--- a/ui/icons.go
+++ b/ui/icons.go
@@ -37,6 +37,7 @@ const (
 	ICON_LIST_ORDERED           = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered"><path d="M10 12h11"/><path d="M10 18h11"/><path d="M10 6h11"/><path d="M4 10h2"/><path d="M4 6h1v4"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>`
 	ICON_X_DIALOG_CLOSE         = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" stroke="currentColor" fill="none" stroke-width="1.4" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>`
 	ICON_PENCIL                 = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>`
+	ICON_LOCK_KEYHOLE           = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-keyhole"><circle cx="12" cy="16" r="1"/><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M7 10V7a5 5 0 0 1 10 0v3"/></svg>`
 
 	//material
 	ICON_SEARCH = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-8 h-8 text-slate-600"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>`