From 7c0eee788e5bd87a79aeee75453bb33d15933b24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sun, 17 May 2026 23:55:58 +0200
Subject: [PATCH] a11y(achievements): lift the dashboard "View all" link to a
 44 px tap target
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The `RecentAchievementsCard` "View all" link in the dashboard card
header was 46×16 px. The mobile-viewport e2e check fails at the
WCAG-recommended ≥44 px touch-target floor and the existing project
contract pins the same number. `inline-flex min-h-11 items-center`
keeps the visual styling identical while satisfying the floor.
---
 src/components/gamification/recent-achievements-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/gamification/recent-achievements-card.tsx b/src/components/gamification/recent-achievements-card.tsx
index 32dda5106..7556c3c2f 100644
--- a/src/components/gamification/recent-achievements-card.tsx
+++ b/src/components/gamification/recent-achievements-card.tsx
@@ -99,7 +99,7 @@ export function RecentAchievementsCard() {
         </div>
         <Link
           href="/achievements"
-          className="text-primary hover:text-primary/80 text-xs font-medium underline-offset-4 hover:underline"
+          className="text-primary hover:text-primary/80 inline-flex min-h-11 items-center text-xs font-medium underline-offset-4 hover:underline"
         >
           {t("achievements.dashboardCard.viewAll")}
         </Link>