fix(a11y): raise sub-44px tap targets to the mobile floor

Bring interactive elements that fell below the 44px iOS/WCAG touch
floor up to min-h-11 on phones (relaxing to the denser sm density on
larger screens), and add visible focus rings where they were missing:

- TimesOfDayChips remove button + API-token copy buttons gain an
  inset hit-area so the visual density stays tight while the tap
  target clears the floor.
- Dose-history row-actions menu trigger and the insights suggested-
  prompt chips raise to min-h-11 sm:min-h-9.
- Sortable table headers and the glucose advanced disclosure toggle
  gain a focus-visible ring and a phone tap floor.
This commit is contained in:
Marc-André Bombeck committed 2026-06-18 15:15:01 +02:00
1 parent dd44ddeb70
commit 1eb143fad4
6 files changed
+12 -12

No files matched your search

+1 -1
View File
@@ -32,7 +32,7 @@ export function SortableHead({
<button
type="button"
onClick={() => onSort(column)}
className="hover:text-foreground inline-flex items-center gap-1 transition-colors"
className="hover:text-foreground focus-visible:ring-ring/50 inline-flex min-h-11 items-center gap-1 rounded-sm transition-colors focus-visible:ring-2 focus-visible:outline-none sm:min-h-0"
>
{label}
{isActive ? (