From b91cdf38228ef4e3fe0408611516875a48cd13a2 Mon Sep 17 00:00:00 2001 From: Philip Stayetski Date: Mon, 14 Sep 2026 14:00:21 -0700 Subject: [PATCH] Widen the vault password fields `.vault-input` is 8ch wide because it was drawn for the four-letter recovery-key confirmation, but the same class dresses every vault password field: setup, unlock, and the Account page's unlock methods. A password typed into an eight-character box is hard to type and impossible to check. Password inputs are now 16ch, twice as wide, via an attribute selector so the key-confirm box and the wide recovery-key textarea are untouched. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01Ueq619VZvd44TY7bF43KDR --- CHANGELOG.md | 6 ++++++ app/src/styles/vault.css | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index dacc023..788c3e3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,12 @@ All notable user-visible changes are recorded here. Versions follow [Semantic Ve ## Unreleased +### Fixed + +- Widened the vault password fields on the vault setup, unlock, and Account + pages to twice their previous width, so a password is no longer typed into a + box sized for the four-letter recovery-key confirmation. + ### Changed - Prevented Mermaid labels from being clipped by waiting for fonts before diff --git a/app/src/styles/vault.css b/app/src/styles/vault.css index a8c48a6..0fd7281 100644 --- a/app/src/styles/vault.css +++ b/app/src/styles/vault.css @@ -83,6 +83,14 @@ overflow-wrap: anywhere; } +/* + * A password, unlike the four-letter key confirm the base width fits, needs + * room to be typed and checked: twice as wide, still short of the card edge. + */ +.vault-input[type="password"] { + width: 16ch; +} + .vault-input:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px;