From ac8cffc779dfeec7692eee8c37c88c95ee4b161d 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: enlarge category link tap targets on phones

On phones the hero's category links were about 17px tall and 4.5px apart, below the 24px minimum touch target.

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

diff --git a/website/static/style.css b/website/static/style.css
index 3ea73f16..612957b5 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -1857,6 +1857,16 @@ th[data-sort].sort-asc::after {
     column-gap: 0.75rem;
   }
 
+  /* Meets the 24px minimum touch target */
+  .hero-category-links li {
+    padding-bottom: 0;
+  }
+
+  .hero-category-link {
+    display: inline-block;
+    padding-block: 0.35rem;
+  }
+
   .search {
     min-height: 3.5rem;
     border-radius: 1.25rem;