From c9bd6310ae76cc679563402109b5f8a733eacb57 Mon Sep 17 00:00:00 2001
From: UserIsMH <momohomma@googlemail.com>
Date: Fri, 1 May 2026 14:38:19 +0200
Subject: [PATCH] Analysepipeline: Snake-Track mittig zentrieren statt 100%
 breit
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Track war 100% breit, dadurch saß die ltr-Reihe links und die rtl-Reihe
rechts in der Karte. Block 3 (Ende Reihe 1) und Block 4 (Anfang Reihe 2)
lagen weit auseinander, der Reihenwechsel-Pfeil wirkte zusammenhanglos.

Track ist jetzt inline-flex (schrumpft auf Inhaltsbreite, ca. 3 Blöcke
plus Lücken) und wird in der Karte zentriert. Alle drei Reihen sind
gleich breit, Block 3 sitzt direkt über Block 4, die Snake-Form wird
optisch nachvollziehbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/static/css/style.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/static/css/style.css b/src/static/css/style.css
index ff90f9c..d944697 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -5660,25 +5660,25 @@ body.tutorial-active .tutorial-cursor {
 .pipeline-stage {
     position: relative;
     overflow: visible;
+    display: flex;
+    justify-content: center;
 }
 .pipeline-track {
-    display: flex;
+    display: inline-flex;
     flex-direction: column;
     align-items: stretch;
     gap: 0;
     padding: var(--sp-md) 0;
-    width: 100%;
 }
 .pipeline-row {
     display: flex;
     align-items: stretch;
     gap: var(--sp-md);
     flex-wrap: nowrap;
+    justify-content: flex-start;
 }
-.pipeline-row[data-direction="ltr"] { justify-content: flex-start; }
 .pipeline-row[data-direction="rtl"] {
     flex-direction: row-reverse;
-    justify-content: flex-start;
 }
 .pipeline-empty {
     text-align: center;