From 92353e2852dfc4fdeaaf088726600894b97226e0 Mon Sep 17 00:00:00 2001
From: Eddy <eddy@alles-watt-laeuft.de>
Date: Mon, 13 Apr 2026 19:16:15 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Grid-Template=20f=C3=BCr=207=20Spalten?=
 =?UTF-8?q?=20(4=20Panels=20+=203=20Handles)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Grid hatte nur 4 Spalten-Werte für 7 Kinder — Handles wurden
in die nächste Zeile umgebrochen. Jetzt korrekt: panel 3px panel 3px ...

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/routes/+page.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 113348a..9bf5b08 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -32,7 +32,13 @@
 	let startWidths: number[] = [];
 
 	function getGridTemplate(): string {
-		return panelWidths.map(w => `${w}px`).join(' ');
+		// 4 Panels + 3 Handles dazwischen: panel handle panel handle panel handle panel
+		return panelWidths.map((w, i) => {
+			if (i < panelWidths.length - 1) {
+				return `${w}px 3px`;
+			}
+			return `${w}px`;
+		}).join(' ');
 	}
 
 	function onMouseDown(index: number, event: MouseEvent) {