From a12d87c13df259095ae102acc42233dda90d653d Mon Sep 17 00:00:00 2001
From: Arne Baeumler <arne@br0tkasten.de>
Date: Sat, 13 Jun 2026 07:34:49 +0200
Subject: [PATCH] fix: tighten photo overlay and popup spacing

---
 src/server/request-handler.ts | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/server/request-handler.ts b/src/server/request-handler.ts
index e97e8d5..fcf32e5 100644
--- a/src/server/request-handler.ts
+++ b/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">