From 50ddbced84544f2b75ad9047b0aceced811e6d50 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Sun, 6 Sep 2026 14:55:09 +1000
Subject: [PATCH] Show forecast point dates clearly

---
 templates/partials/sparkline.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/templates/partials/sparkline.html b/templates/partials/sparkline.html
index 2e9f621..007ed33 100644
--- a/templates/partials/sparkline.html
+++ b/templates/partials/sparkline.html
@@ -62,11 +62,11 @@ M{% for value, position in lower_points %}{{ (((position * vb_width) + margin) |
 
 <div class="relative" id="svg-plot-{{ unique_id }}" _="
     on mouseover from .pnt-{{ unique_id }}
-        put event.target @data-kind into #popover-kind-{{ unique_id }}
-        then put event.target @data-date into #popover-date-{{ unique_id }}
-        then put event.target @data-e1rm into #popover-e1rm-{{ unique_id }}
-        then put event.target @data-topset into #popover-topset-{{ unique_id }}
-        then put event.target @data-range into #popover-range-{{ unique_id }}
+        put (event.target's @data-kind) into #popover-kind-{{ unique_id }}
+        then put (event.target's @data-date) into #popover-date-{{ unique_id }}
+        then put (event.target's @data-e1rm) into #popover-e1rm-{{ unique_id }}
+        then put (event.target's @data-topset) into #popover-topset-{{ unique_id }}
+        then put (event.target's @data-range) into #popover-range-{{ unique_id }}
         then remove .hidden from #popover-{{ unique_id }}
     on mouseout from .pnt-{{ unique_id }}
         add .hidden to #popover-{{ unique_id }}">
@@ -293,7 +293,10 @@ M{% for value, position in lower_points %}{{ (((position * vb_width) + margin) |
     <div id="popover-{{ unique_id }}" class="hidden mt-2 rounded-lg border border-gray-200 bg-white px-3 py-2 shadow-sm">
         <div class="flex items-center justify-between gap-3 mb-1.5">
             <div id="popover-kind-{{ unique_id }}" class="text-xs font-semibold uppercase tracking-wide text-emerald-700"></div>
-            <div id="popover-date-{{ unique_id }}" class="text-xs text-gray-500"></div>
+            <div class="text-right">
+                <div class="text-[10px] uppercase tracking-wide text-gray-400">Date</div>
+                <div id="popover-date-{{ unique_id }}" class="text-sm font-semibold text-gray-800"></div>
+            </div>
         </div>
         <div class="grid grid-cols-3 gap-2 text-xs">
             <div class="rounded bg-gray-50 px-2 py-1.5">