From 754f8504f107b7931b6ebae1fc5d1138a24ccae9 Mon Sep 17 00:00:00 2001
From: mikael-lovqvists-claude-agent <mikaels.claude.agent@efforting.tech>
Date: Sat, 21 Mar 2026 01:15:52 +0000
Subject: [PATCH] =?UTF-8?q?Remove=20grid=20viewer=20zoom=20slider=20?=
 =?UTF-8?q?=E2=80=94=20browser=20zoom=20is=20sufficient?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/app.mjs        |  5 -----
 public/style.css      | 17 -----------------
 public/templates.html | 10 ++--------
 3 files changed, 2 insertions(+), 30 deletions(-)

diff --git a/public/app.mjs b/public/app.mjs
index bd95fa1..28b6b7c 100644
--- a/public/app.mjs
+++ b/public/app.mjs
@@ -1190,14 +1190,9 @@ function render_grid_viewer() {
 		}
 	));
 
-	const zoom_el = document.getElementById('gv-zoom');
 	const cells_el = document.getElementById('grid-cells');
 	cells_el.style.gridTemplateColumns = `repeat(${grid.cols}, 1fr)`;
 
-	zoom_el.addEventListener('input', () => {
-		cells_el.style.zoom = zoom_el.value / 100;
-	});
-
 	const all_cells = grid.cells.flat().map((filename, idx) => {
 		const row = Math.floor(idx / grid.cols);
 		const col = idx % grid.cols;
diff --git a/public/style.css b/public/style.css
index 871c199..cab28b4 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1333,27 +1333,10 @@ nav {
 
 .grid-viewer-actions {
 	display: flex;
-	align-items: center;
 	gap: 0.5rem;
 	flex-shrink: 0;
 }
 
-.gv-zoom-label {
-	display: flex;
-	align-items: center;
-	gap: 0.4rem;
-	font-size: 0.8rem;
-	color: var(--text-dim);
-}
-
-.gv-zoom-label input[type=range] {
-	width: 100px;
-	accent-color: var(--accent);
-}
-
-.grid-cells-wrap {
-	overflow: hidden;
-}
 
 .grid-cells {
 	display: grid;
diff --git a/public/templates.html b/public/templates.html
index 0a84a21..b77ce55 100644
--- a/public/templates.html
+++ b/public/templates.html
@@ -355,18 +355,12 @@
 				<div class="viewer-meta"></div>
 			</div>
 			<div class="grid-viewer-actions">
-				<label class="gv-zoom-label">
-					<span>Size</span>
-					<input type="range" id="gv-zoom" min="20" max="100" value="100" step="5">
-				</label>
-				<button class="btn btn-secondary" id="gv-back">← Back</button>
+	<button class="btn btn-secondary" id="gv-back">← Back</button>
 				<button class="btn btn-secondary" id="gv-edit-panels">Edit panels</button>
 				<button class="btn btn-danger" id="gv-delete">Delete</button>
 			</div>
 		</div>
-		<div class="grid-cells-wrap">
-			<div class="grid-cells" id="grid-cells"></div>
-		</div>
+		<div class="grid-cells" id="grid-cells"></div>
 	</div>
 </template>