From 0828065b803e8e2ebab8c784aaf12cbc1f99491e Mon Sep 17 00:00:00 2001 From: Marcelo Paiva Date: Thu, 26 Feb 2026 09:11:06 -0500 Subject: [PATCH] Reduce focus ring to 3px width, 1px offset Co-Authored-By: Claude Sonnet 4.6 --- app/javascript/application.scss | 8 ++++---- app/javascript/form.scss | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/app/javascript/application.scss b/app/javascript/application.scss index 8a685a2a..a33aafe9 100644 --- a/app/javascript/application.scss +++ b/app/javascript/application.scss @@ -17,16 +17,16 @@ .menu li > button:focus-visible { outline-color: rgb(14, 99, 200); outline-style: solid; - outline-width: 8px; - outline-offset: 4px; + outline-width: 3px; + outline-offset: 1px; } /* Transfer focus ring from toggle to its full menu row label */ .menu label:has(.toggle:focus-visible) { outline-color: rgb(14, 99, 200); outline-style: solid; - outline-width: 8px; - outline-offset: 4px; + outline-width: 3px; + outline-offset: 1px; } .menu label .toggle:focus-visible { diff --git a/app/javascript/form.scss b/app/javascript/form.scss index e47af9ac..571b55da 100644 --- a/app/javascript/form.scss +++ b/app/javascript/form.scss @@ -17,16 +17,16 @@ .menu li > button:focus-visible { outline-color: rgb(14, 99, 200); outline-style: solid; - outline-width: 8px; - outline-offset: 4px; + outline-width: 3px; + outline-offset: 1px; } /* Transfer focus ring from toggle to its full menu row label */ .menu label:has(.toggle:focus-visible) { outline-color: rgb(14, 99, 200); outline-style: solid; - outline-width: 8px; - outline-offset: 4px; + outline-width: 3px; + outline-offset: 1px; } .menu label .toggle:focus-visible {