From 5455d3a9315563d538480accd10d22c54057fa75 Mon Sep 17 00:00:00 2001
From: serversdown <brian@serversdown.net>
Date: Thu, 11 Jun 2026 03:40:17 +0000
Subject: [PATCH] style(portal): overview map uses dot markers, matching the
 internal project map

Swap Leaflet's default teardrop pins for L.circleMarker (radius 8, seismo-orange
fill, white border) + a name tooltip, same as partials/projects/location_map.html.
Also disables scroll-wheel zoom to match.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 templates/portal/overview.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/templates/portal/overview.html b/templates/portal/overview.html
index 57539be..acd82f6 100644
--- a/templates/portal/overview.html
+++ b/templates/portal/overview.html
@@ -81,14 +81,18 @@ const withCoords = LOCATIONS.filter(l => l.coordinates);
 if (withCoords.length) {
     const mapEl = document.getElementById('loc-map');
     mapEl.classList.remove('hidden');
-    const map = L.map('loc-map');
+    const map = L.map('loc-map', { scrollWheelZoom: false });
     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
         { maxZoom: 19, attribution: '© OpenStreetMap' }).addTo(map);
     const pts = [];
     withCoords.forEach(l => {
         const [la, lo] = (l.coordinates || '').split(',').map(Number);
         if (!isNaN(la) && !isNaN(lo)) {
-            L.marker([la, lo]).addTo(map).bindPopup(l.name);
+            // Same dot style as the internal project map (circleMarker, not a pin).
+            L.circleMarker([la, lo], {
+                radius: 8, fillColor: '#f48b1c', color: '#fff',
+                weight: 2, opacity: 1, fillOpacity: 0.9,
+            }).addTo(map).bindTooltip(l.name, { direction: 'top', offset: [0, -6] });
             pts.push([la, lo]);
         }
     });