From 073c11431d246ce417d499977e957e9496ffd35a Mon Sep 17 00:00:00 2001
From: Claude Dev <claude-dev@aegis-sight.de>
Date: Mon, 23 Mar 2026 23:02:23 +0100
Subject: [PATCH] Tutorial Schritt 21: Bubble unter Kachel, Kachel hoeher,
 scrollIntoView

- position: bottom statt top (Bubble verschwindet nicht mehr oben)
- Kachel auf min h=5 vergroessert (Detail-Panel passt rein)
- scrollIntoView auf die Kachel damit alles sichtbar ist
---
 src/static/js/tutorial.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/static/js/tutorial.js b/src/static/js/tutorial.js
index 3882534..566b2a7 100644
--- a/src/static/js/tutorial.js
+++ b/src/static/js/tutorial.js
@@ -914,18 +914,21 @@ const Tutorial = {
                     + '<strong>Punkte</strong> - Meldungen und Lageberichte auf der Zeitachse<br>'
                     + '<strong>Detail-Panel</strong> - Zeigt Quelle, Titel und Zeitstempel<br><br>'
                     + 'So k\u00f6nnen Sie auch \u00e4ltere Lagebilder abrufen und den Verlauf nachvollziehen.',
-                position: 'top',
+                position: 'bottom',
                 disableNav: true,
                 onEnter: function() {
-                    // Timeline-Kachel vergroessern damit Detail-Panel sichtbar
+                    // Timeline-Kachel vergroessern damit Detail-Panel + Achse sichtbar
                     var tile = document.querySelector('[gs-id="timeline"]');
                     if (tile && typeof LayoutManager !== 'undefined' && LayoutManager._grid) {
                         var node = LayoutManager._grid.engine.nodes.find(function(n) { return n.el === tile; });
                         if (node) {
                             Tutorial._savedTimelineH = node.h;
-                            LayoutManager._grid.update(tile, { h: Math.max(node.h, 4) });
+                            LayoutManager._grid.update(tile, { h: Math.max(node.h, 5) });
+                            LayoutManager._grid.compact();
                         }
                     }
+                    // Kachel in den sichtbaren Bereich scrollen
+                    if (tile) tile.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     Tutorial._runDemo(Tutorial._simulateTimeline);
                 },
                 onExit: function() {