From c444d00f52393354757eaed884c7fff492bdba69 Mon Sep 17 00:00:00 2001
From: Lincoln Stein <lincoln.stein@gmail.com>
Date: Tue, 26 May 2026 20:54:48 -0400
Subject: [PATCH] fix(umap): keep close button visible at small/medium window
 sizes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bump UMAP_SIZES.small (360→440) and .medium (440→520) plot widths and
tighten the titlebar icon group gap from 8px to 3px so the close (×)
button is no longer clipped by the window's overflow:hidden when the
floating semantic-map window is at small or medium size.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 photomap/frontend/static/javascript/umap.js                   | 4 ++--
 photomap/frontend/templates/modules/umap-floating-window.html | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/photomap/frontend/static/javascript/umap.js b/photomap/frontend/static/javascript/umap.js
index 691251bf..b8a01226 100644
--- a/photomap/frontend/static/javascript/umap.js
+++ b/photomap/frontend/static/javascript/umap.js
@@ -26,8 +26,8 @@ import { debounce, getPercentile, isColorLight, makeDraggable } from "./utils.js
 
 const UMAP_SIZES = {
   big: { width: 800, height: 590 },
-  medium: { width: 440, height: 310 },
-  small: { width: 360, height: 210 },
+  medium: { width: 520, height: 310 },
+  small: { width: 440, height: 210 },
   fullscreen: { width: window.innerWidth, height: window.innerHeight },
 };
 const landmarkCount = 18; // Maximum number of non-overlapping landmarks to show at any time
diff --git a/photomap/frontend/templates/modules/umap-floating-window.html b/photomap/frontend/templates/modules/umap-floating-window.html
index ebac00c7..43380286 100644
--- a/photomap/frontend/templates/modules/umap-floating-window.html
+++ b/photomap/frontend/templates/modules/umap-floating-window.html
@@ -5,7 +5,7 @@
   <!-- Titlebar -->
   <div id="umapTitlebar">
     <select id="semanticMapAlbumSelect" title="Switch album" aria-label="Switch album"></select>
-    <div style="display: flex; align-items: center; gap: 8px">
+    <div style="display: flex; align-items: center; gap: 3px">
       <!-- Resizing icons -->
       <button id="umapResizeFullscreen" title="Fullscreen" class="icon-btn">
         <svg width="24" height="24" viewBox="0 0 24 24">