mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 04:50:59 +00:00
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) <noreply@anthropic.com>
This commit is contained in:
1 parent
fbf14fceb8
commit
194ec2f9da
1 file changed
+1
-1
@@ -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"
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user