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>
2026-11-08 02:15:12 -06:00 · 2026-10-25 21:55:43 +08:00
parent ba0d4c397e
commit ac8cffc779
1 changed files with 10 additions and 0 deletions
@@ -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;