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 = ``
ICON_X_DIALOG_CLOSE = ``
ICON_PENCIL = ``
+ ICON_LOCK_KEYHOLE = ``
//material
ICON_SEARCH = ``