diff --git a/index.html b/index.html
index 28730d8..25a3d7c 100644
--- a/index.html
+++ b/index.html
@@ -185,6 +185,7 @@ body { font-family: 'Segoe UI', sans-serif; display: flex; height: 100vh; color:
}
.help-text { font-size: 12px; color: #718096; margin-top: 6px; }
+.flag-marker-tooltip { font-size: 1.2em !important; padding: 6px 12px !important; white-space: nowrap; }
@@ -594,7 +595,7 @@ map.on('click', (e) => {
const { lat, lng } = e.latlng;
const displayNum = flag.number || flags.indexOf(flag) + 1;
const marker = L.marker([lat, lng], { icon: makeNumIcon(displayNum), draggable: true }).addTo(map);
- if (flag.name) marker.bindTooltip(esc(flag.name), { direction: 'right', offset: [10, 0] });
+ if (flag.name) marker.bindTooltip(esc(flag.name), { permanent: true, direction: 'right', offset: [10, 0], className: 'flag-marker-tooltip' });
marker.on('dragend', () => {
const p = marker.getLatLng(); flag.lat = p.lat; flag.lng = p.lng;
scheduleGeocode(flag); renderList();
@@ -646,7 +647,7 @@ document.getElementById('file-input').addEventListener('change', async (e) => {
if (!isNaN(lat) && !isNaN(lng)) {
const displayNum = flag.number || flags.indexOf(flag) + 1;
const marker = L.marker([lat, lng], { icon: makeNumIcon(displayNum), draggable: true }).addTo(map);
- if (flag.name) marker.bindTooltip(esc(flag.name), { direction: 'right', offset: [10, 0] });
+ if (flag.name) marker.bindTooltip(esc(flag.name), { permanent: true, direction: 'right', offset: [10, 0], className: 'flag-marker-tooltip' });
marker.on('dragend', () => {
const p = marker.getLatLng(); flag.lat = p.lat; flag.lng = p.lng;
scheduleGeocode(flag); renderList();