fix: tighten photo overlay and popup spacing

src/server/request-handler.ts

@@ -726,7 +726,7 @@ function htmlPage(): string {
       }
 
       .leaflet-popup-content {
-        margin: 0;
+        margin: 10px 12px 12px;
         color: var(--timeline-text);
       }
 
@@ -1056,13 +1056,8 @@ function htmlPage(): string {
       <div class="overlay-card">
         <header>
           <strong id="overlay-title">Photo</strong>
-          <button class="close" id="close-overlay" type="button">
-            <span class="button-icon" aria-hidden="true">
-              <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
-              </svg>
-            </span>
-            <span>Close</span>
+          <button class="close" id="close-overlay" type="button" aria-label="Close photo">
+            x
           </button>
         </header>
         <div class="overlay-media">