From b659cc25262431b98cb219e897deb0036c0f6fec Mon Sep 17 00:00:00 2001
From: Chad Nuttall <chadnuttall1@gmail.com>
Date: Mon, 5 Oct 2026 14:56:09 -0400
Subject: [PATCH] Mobile tap-target fixes from the 390px audit (#168)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Full-route audit at 390px found no horizontal overflow and compliant
tap targets almost everywhere — the only misses were three standalone
text links rendering ~17-20px tall:

- homepage "View all" link in the Our Beers teaser header
- beer-detail breadcrumb "Our Beers"
- beers page "Submit a trade inquiry" link in the For Partners panel

All three now render as 44px-tall tappable rows, matching the
established inline-flex min-h-[44px] pattern used by venue cards,
footer links, and contact actions. Prose-internal links (privacy,
terms, trade email footer) are inline content and exempt per WCAG
2.5.8; they are deliberately unchanged.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 app/(pages)/beers/[slug]/page.tsx | 2 +-
 app/(pages)/beers/page.tsx        | 2 +-
 app/page.tsx                      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(pages)/beers/[slug]/page.tsx b/app/(pages)/beers/[slug]/page.tsx
index a8a72a9..93bfc02 100644
--- a/app/(pages)/beers/[slug]/page.tsx
+++ b/app/(pages)/beers/[slug]/page.tsx
@@ -97,7 +97,7 @@ export default async function BeerDetailPage({ params }: BeerDetailPageProps) {
       <nav aria-label="Breadcrumb" className="mb-8 text-sm text-muted-foreground">
         <Link
           href="/beers"
-          className="transition-opacity duration-200 hover:opacity-85"
+          className="inline-flex min-h-[44px] items-center transition-opacity duration-200 hover:opacity-85"
         >
           Our Beers
         </Link>
diff --git a/app/(pages)/beers/page.tsx b/app/(pages)/beers/page.tsx
index 5df9a00..e49e79e 100644
--- a/app/(pages)/beers/page.tsx
+++ b/app/(pages)/beers/page.tsx
@@ -103,7 +103,7 @@ export default async function BeersPage() {
             Interested in carrying Deep Dive Brewing Co? Start with our trade
             inquiry form and we&rsquo;ll help you find the right mix for your venue.
           </p>
-          <Link href="/trade" className="mt-3 inline-block text-sm font-medium text-ocean hover:opacity-85">
+          <Link href="/trade" className="mt-3 inline-flex min-h-[44px] items-center text-sm font-medium text-ocean hover:opacity-85">
             Submit a trade inquiry &rarr;
           </Link>
         </section>
diff --git a/app/page.tsx b/app/page.tsx
index 750068d..52ad85d 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -158,7 +158,7 @@ export default async function Home() {
             <h2 className="text-3xl font-bold tracking-tight">Our Beers</h2>
             <Link
               href="/beers"
-              className="text-sm font-medium text-ocean transition-opacity duration-200 hover:opacity-85"
+              className="inline-flex min-h-[44px] items-center text-sm font-medium text-ocean transition-opacity duration-200 hover:opacity-85"
             >
               View all &rarr;
             </Link>