From 268769c26edadefc014a4a95d6ebb62d8c3b1b46 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Thu, 28 May 2026 00:45:04 +0200
Subject: [PATCH] style(dashboard): tighten dot spacing and align date labels

Cluster each section's dots closer (narrower horizontal step) and shift
the date label right so it starts under the dot rather than off to its
left.
---
 app/components/DotMap.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/DotMap.vue b/app/components/DotMap.vue
index 0f3b1d3..1e4007e 100644
--- a/app/components/DotMap.vue
+++ b/app/components/DotMap.vue
@@ -47,8 +47,8 @@ function formatDate(value: string | Date): string {
 // Cosmetic scatter: a stable 5-wide grid inside the box (ADR T7).
 function dotStyle(index: number) {
   return {
-    left: `${12 + (index % 5) * 17}%`,
-    top: `${20 + Math.floor(index / 5) * 22}%`,
+    left: `${12 + (index % 5) * 11}%`,
+    top: `${24 + Math.floor(index / 5) * 20}%`,
   }
 }
 </script>
@@ -86,9 +86,9 @@ function dotStyle(index: number) {
 
 .dot__date {
   position: absolute;
-  /* Anchored at the dot's bottom-right corner, splaying diagonally down-right. */
+  /* Anchored just under the dot, splaying diagonally down-right. */
   top: 0.5rem;
-  left: 0.5rem;
+  left: 0.85rem;
   font-size: 0.6rem;
   line-height: 1;
   white-space: nowrap;