From aa1523877874a202acee38e79075b1bb7dae9800 Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Sun, 25 Oct 2026 18:58:16 -1000
Subject: Draw one focus ring on links and controls

Links fell back to each browser's own ring, which differs in shape and
colour from one engine to the next, while selects and inputs drew the
link colour ring. The repository title clips its overflow, so it gets
3px of padding, given back by a negative margin, for its ring to show
whole.
---
 assets/cgit.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'assets')

diff --git a/assets/cgit.css b/assets/cgit.css
index 1f42207..b2d3ca5 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -166,6 +166,7 @@ div#cgit input[type="submit"]:hover {
   border-color: var(--border-mid);
 }
 
+div#cgit a:focus-visible,
 div#cgit select:focus-visible,
 div#cgit input:focus-visible {
   outline: solid 2px var(--link);
@@ -199,7 +200,8 @@ div#cgit #header .logo img {
 
 div#cgit #header h1.main {
   grid-area: heading;
-  margin: 0;
+  margin: 0 -3px;
+  padding: 0 3px;
   font-size: 250%;
   font-weight: normal;
   white-space: nowrap;
-- 
cgit 2.12.1