From 2837518b3b32ff615bf3f6f12a19dd2bf9b22461 Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Thu, 24 Sep 2026 13:44:07 -0400
Subject: [PATCH] fix(styles): improve text wrapping and layout for tooltips
 and captions

- Added `overflow-wrap: anywhere` to prevent text overflow in tooltips
- Adjusted tooltip width and wrapping for better responsiveness
---
 src/app/(frontend)/styles.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/(frontend)/styles.css b/src/app/(frontend)/styles.css
index 77f52ce..3c18e92 100644
--- a/src/app/(frontend)/styles.css
+++ b/src/app/(frontend)/styles.css
@@ -3304,6 +3304,7 @@
   font-weight: 600;
   letter-spacing: 0.08em;
   color: rgb(255 255 255 / 95%);
+  overflow-wrap: anywhere;
 }
 
 /* Must out-rank leaflet.css, which styles the SAME selector later (it loads
@@ -3410,6 +3411,10 @@
   letter-spacing: 0.16em;
   padding: 4px 8px;
   text-transform: uppercase;
+  width: max-content;
+  max-width: min(280px, 60vw);
+  white-space: normal;
+  overflow-wrap: anywhere;
 }
 
 .leaflet-container .map-tooltip-dossier.leaflet-tooltip-top::before {