From 194ec2f9da32d35138e63547e59c62b904bef16e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Sun, 10 May 2026 11:02:35 +0200 Subject: [PATCH] fix(chart-overlay-controls): bump cog to 44x44 tap target The settings-cog trigger was 28x28 CSS px (h-7 w-7), below the WCAG 2.1 AA 44x44 minimum. Sat in the same flex row as the 44 px range tabs, so a Pixel-5 thumb missed the cog more reliably than the surrounding tabs. Switch to min-h-11 min-w-11; icon stays at h-3.5 w-3.5 so visual rhythm doesn't bloat. Co-Authored-By: Claude Opus 4.7 (1M context) --- 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 bf3617af3..e7fc8c586 100644 --- a/src/components/charts/chart-overlay-controls.tsx +++ b/src/components/charts/chart-overlay-controls.tsx @@ -92,7 +92,7 @@ export function ChartOverlayControls({ type="button" variant="ghost" size="sm" - className={`text-muted-foreground hover:text-foreground h-7 w-7 px-0 ${triggerClassName ?? ""}`.trim()} + className={`text-muted-foreground hover:text-foreground min-h-11 min-w-11 px-0 ${triggerClassName ?? ""}`.trim()} aria-label={t("chart.overlay.controls.tooltip.openSettings")} data-slot="chart-overlay-controls-trigger" >