From 0d9837a917985c7d485d311a15cba4808a96aa9c Mon Sep 17 00:00:00 2001
From: vegard <vnotnes@pm.me>
Date: Fri, 20 Mar 2026 02:46:46 +0000
Subject: [PATCH] =?UTF-8?q?Klikk=20p=C3=A5=20zoom-prosent=20tilbakestiller?=
 =?UTF-8?q?=20til=20100%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/lib/components/canvas/Canvas.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/canvas/Canvas.svelte b/frontend/src/lib/components/canvas/Canvas.svelte
index ba6bb05..d18ac0b 100644
--- a/frontend/src/lib/components/canvas/Canvas.svelte
+++ b/frontend/src/lib/components/canvas/Canvas.svelte
@@ -477,7 +477,7 @@
 			title="Zoom ut (−15%)"
 			aria-label="Zoom ut"
 		>−</button>
-		<span class="canvas-toolbar-zoom">{Math.round(camera.zoom * 100)}%</span>
+		<button class="canvas-toolbar-zoom" onclick={() => { camera = { ...camera, zoom: 1.0 }; }} title="Tilbakestill til 100%">{Math.round(camera.zoom * 100)}%</button>
 		<button
 			class="canvas-toolbar-btn"
 			onclick={() => zoomStep(0.15)}
@@ -664,6 +664,15 @@
 		min-width: 40px;
 		text-align: center;
 		font-variant-numeric: tabular-nums;
+		border: none;
+		background: transparent;
+		cursor: pointer;
+		border-radius: 4px;
+		padding: 2px 4px;
+	}
+	.canvas-toolbar-zoom:hover {
+		color: var(--color-text, #e8e8ec);
+		background: var(--color-surface-hover, #242428);
 	}
 
 	.canvas-toolbar-sep {