From 242af0e11e003ef31b3c4110b1f500a850db13d2 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 25 Oct 2026 21:55:43 +0800
Subject: [PATCH] style: extend topbar link tap targets to 44px

Topbar links were about 37px tall, short of a 44px touch target.

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

diff --git a/website/static/style.css b/website/static/style.css
index 612957b5..3923677a 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -233,6 +233,7 @@ kbd {
 }
 
 .hero-topbar-link {
+  position: relative;
   padding: 0.45rem 0.8rem;
   border: 1px solid var(--hero-line);
   border-radius: 999px;
@@ -247,6 +248,13 @@ kbd {
     transform 180ms ease;
 }
 
+/* Grows the tap target to 44px without changing the pill */
+.hero-topbar-link::after {
+  content: "";
+  position: absolute;
+  inset: -0.25rem 0;
+}
+
 .hero-topbar-link-strong,
 .hero-topbar-link:hover {
   border-color: oklch(100% 0 0 / 0.28);