From ea96947d0f50ac299e7fa03e1b7d83f2ff281c51 Mon Sep 17 00:00:00 2001
From: Claude Dev <claude-dev@aegis-sight.de>
Date: Mon, 23 Mar 2026 22:35:38 +0100
Subject: [PATCH] Tutorial: Modal-Bubble immer rechts vom Modal positionieren

Links ist die Sidebar, rechts ist immer der bessere Platz.
Bubble-Breite passt sich an spaceRight an (min 260px).
---
 src/static/js/tutorial.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/static/js/tutorial.js b/src/static/js/tutorial.js
index dd558c5..b9e65f5 100644
--- a/src/static/js/tutorial.js
+++ b/src/static/js/tutorial.js
@@ -1607,17 +1607,13 @@ const Tutorial = {
             var spaceLeft = mRect.left;
             var spaceRight = vw - mRect.right;
             var bestSpace = Math.max(spaceLeft, spaceRight);
-            // Bubble-Breite an verfuegbaren Platz anpassen (min 260px)
-            var modalBw = Math.min(bw, bestSpace - gap - 8);
+            // Bubble-Breite an verfuegbaren Platz rechts anpassen (min 260px)
+            // Modal-Bubbles immer rechts - links ist die Sidebar
+            var modalBw = Math.min(bw, spaceRight - gap - 8);
             modalBw = Math.max(modalBw, 260);
             bw = modalBw;
             bubble.style.width = bw + 'px';
-            // Seite mit mehr Platz waehlen
-            if (spaceRight >= spaceLeft) {
-                pos = 'right';
-            } else {
-                pos = 'left';
-            }
+            pos = 'right';
         } else {
             if (pos === 'bottom' && (visBottom + gap + bubbleHeight > vh)) pos = 'top';
             if (pos === 'top' && (visTop - gap - bubbleHeight < 0)) pos = 'bottom';