fix(map): tighten marker popups

src/server/request-handler.ts

@@ -611,7 +611,8 @@ function htmlPage(): string {
       }
 
       .thumb {
-        width: 180px;
+        width: min(240px, 100%);
+        padding: 8px;
         display: grid;
         gap: 8px;
       }
@@ -623,14 +624,6 @@ function htmlPage(): string {
         border-radius: 0;
       }
 
-      .thumb button {
-        border: 0;
-        border-radius: 0;
-        padding: 8px 10px;
-        background: var(--accent);
-        color: white;
-      }
-
       .leaflet-popup-content-wrapper,
       .leaflet-popup-tip {
         background: var(--leaflet-popup-bg);
@@ -1600,7 +1593,6 @@ function htmlPage(): string {
                   '<img src="' + escapeHtml(photo.thumbUrl) + '" alt="' + escapeHtml(photo.name) + '" />' +
                   '<strong>' + escapeHtml(photo.name) + '</strong>' +
                   '<small>' + escapeHtml(formatDate(photo.capturedAt)) + '</small>' +
-                  '<button type="button" data-open="' + escapeHtml(photo.id) + '">Open</button>' +
                 '</div>'
               );
 
@@ -1988,16 +1980,6 @@ function htmlPage(): string {
         }
       }
 
-      document.addEventListener("click", (event) => {
-        const target = event.target;
-        if (target instanceof HTMLElement && target.dataset.open) {
-          const photo = state.photos.find((item) => item.id === target.dataset.open);
-          if (photo) {
-            openOverlay(photo);
-          }
-        }
-      });
-
       importButton.addEventListener("click", () => {
         void importFromShare();
       });