From f908ebcf5a16f4acccfd2a03444663f499bc5fcf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Thu, 21 May 2026 21:28:05 +0200 Subject: [PATCH] fix(charts): widen comparison-baseline buttons to 44 px on mobile The chart-overlay popover comparison row used `h-9 px-1`, which falls below the WCAG 2.5.5 floor on touch. Switch to `min-h-11 sm:min-h-9 px-2` so the mobile button reaches the 44 px target while desktop keeps the dense 36 px row that fits the popover. --- src/components/charts/chart-overlay-controls.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/charts/chart-overlay-controls.tsx b/src/components/charts/chart-overlay-controls.tsx index e7b53a692..66d633b95 100644 --- a/src/components/charts/chart-overlay-controls.tsx +++ b/src/components/charts/chart-overlay-controls.tsx @@ -248,7 +248,7 @@ export function ChartOverlayControlsBody({ prefs.comparisonBaseline === value ? "default" : "outline" } size="sm" - className={`h-9 px-1 text-[11px] ${isGreyed ? "opacity-50" : ""}`.trim()} + className={`min-h-11 sm:min-h-9 px-2 text-[11px] ${isGreyed ? "opacity-50" : ""}`.trim()} onClick={() => setComparisonBaseline(value)} aria-pressed={prefs.comparisonBaseline === value} aria-disabled={isGreyed || undefined}