From fa60ade2fca648f2995e07692dae149294e22158 Mon Sep 17 00:00:00 2001
From: Eddy <eddy@alles-watt-laeuft.de>
Date: Mon, 13 Apr 2026 20:20:54 +0200
Subject: [PATCH] Fix: applyWidths() generiert korrekt 7 Grid-Spalten mit
 Handle-Gaps

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

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d9bf115..158d7e7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -29,9 +29,13 @@
 	let handleEls: HTMLDivElement[] = [];
 
 	function applyWidths() {
-		if (gridEl) {
-			gridEl.style.gridTemplateColumns = panelWidths.map(w => `${w}px`).join(' ');
-		}
+		if (!gridEl) return;
+		// 7 Spalten: panel 8px panel 8px panel 8px panel
+		const cols = panelWidths.map((w, i) => {
+			if (i < panelWidths.length - 1) return `${w}px 8px`;
+			return `${w}px`;
+		}).join(' ');
+		gridEl.style.gridTemplateColumns = cols;
 	}
 
 	onMount(() => {
@@ -181,8 +185,7 @@
 
 	.grid {
 		display: grid;
-		/* 4 Panels + 3 Handles = 7 Spalten, Handles werden via JS positioniert */
-		grid-template-columns: 220px 8px 400px 8px 400px 8px 380px;
+		grid-template-columns: 220px 8px 1fr 8px 1fr 8px 1fr;
 		height: 100%;
 	}