From 529591d1b277ff0f6e1a77866f8f6fdf4396013e Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Thu, 29 Oct 2026 12:02:48 -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/cgit.css')

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