From d0763e273ff8e34e6a4ce8f80d9982a8f3c965d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <marc@bombeck.io>
Date: Thu, 12 Nov 2026 17:16:10 +0100
Subject: [PATCH] fix(dashboard): give the tappable averages a 44 px touch
 target

The averages on a dashboard tile open their colour hint on a tap now,
which made them touch targets of 16 px height. On a touch screen the
trigger is 44 px tall, and a negative margin keeps the tile's line
where it was.
---
 src/components/charts/trend-card.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/trend-card.tsx b/src/components/charts/trend-card.tsx
index d2991d208..6fce1980b 100644
--- a/src/components/charts/trend-card.tsx
+++ b/src/components/charts/trend-card.tsx
@@ -49,7 +49,9 @@ function HintedValue({
       <Popover>
         <PopoverTrigger
           className={cn(
-            "focus-visible:ring-ring/50 rounded-sm underline decoration-dotted underline-offset-2 focus-visible:ring-2 focus-visible:outline-none",
+            // On touch the trigger is 44 px tall; the negative margin keeps
+            // the tile's line where it was.
+            "focus-visible:ring-ring/50 rounded-sm underline decoration-dotted underline-offset-2 focus-visible:ring-2 focus-visible:outline-none pointer-coarse:-my-3.5 pointer-coarse:inline-flex pointer-coarse:min-h-11 pointer-coarse:items-center",
             className,
           )}
         >