From 4302f7025c9856afc9b876576ee245ad5daffa6d Mon Sep 17 00:00:00 2001
From: Horizontal42 <75383519+Horizontal42@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:34:27 +0300
Subject: [PATCH] design: keyboard focus ring on form fields
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Doc title, search input, and settings inputs/selects either zeroed
out the default outline or never set one — Tab-only navigation had
no visible indicator of what's focused. :focus-visible keeps mouse
clicks silent and only rings for keyboard focus.
---
 src/ui/app.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/ui/app.css b/src/ui/app.css
index 7ea3fbb..34dfaea 100644
--- a/src/ui/app.css
+++ b/src/ui/app.css
@@ -59,6 +59,16 @@ button, .doc-item, .search-item, #rates-info, #total-line {
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
 ::-webkit-scrollbar-thumb:hover { background: var(--fg-muted); }
+/* keyboard-only focus ring (mouse clicks don't trigger :focus-visible) on the
+   form fields that otherwise zero out — or never set — a visible outline */
+#doc-title:focus-visible,
+#search-input:focus-visible,
+#settings-panel input:focus-visible,
+#settings-panel select:focus-visible,
+.path-btn:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
 html, body { margin: 0; height: 100%; }
 body {
   font-family: var(--font);