From 3fc97705e7bd72cdd00d5bdcb331dbbb056aa478 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 25 Oct 2026 22:04:51 +0800
Subject: [PATCH] fix: draw a focused tag's ring above the next tag

The focus ring reaches farther than the gap between tags, and the next tag painted over its right side.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/website/static/style.css b/website/static/style.css
index 8a8fc670..fb064adf 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -1243,6 +1243,11 @@ th[data-sort].sort-asc::after {
   margin-left: 0.2rem;
 }
 
+/* The focus ring reaches past the gap, so lift it above the next tag */
+.tag:focus-visible {
+  z-index: 1;
+}
+
 /* A 44px-tall target centered on the pill, kept clear of the neighbouring tags */
 .tag::after {
   content: "";