From e5cbe879ff827a44dc485b61a70ec30fafce084f Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 19 Apr 2026 10:48:49 +0200
Subject: [PATCH] Fix: Modal-Footer Layout Routes + Forum
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Routen-Footer:
- 2-Zeilen-Layout: Aktions-Buttons oben, Schließen full-width unten
- GPX/Teilen/Navi als Text-Icon, Freund/Sichtbarkeit/Löschen als Icon-only rechts
- Keine Overflow/Clipping mehr

Forum-Footer:
- flex-direction:column Layout mit margin-left:auto für Icon-Buttons links
- Löschen/Bearbeiten (Icon) links, Schließen/Antworten rechts
- flex:1 Spacer-Problem behoben
---
 backend/static/js/app.js          |  2 +-
 backend/static/js/pages/forum.js  | 17 +++++++++++------
 backend/static/js/pages/routes.js | 20 +++++++++++---------
 backend/static/sw.js              |  2 +-
 4 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 839e611..9e4fe5f 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER = '217'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '218'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/forum.js b/backend/static/js/pages/forum.js
index 39c1418..0947758 100644
--- a/backend/static/js/pages/forum.js
+++ b/backend/static/js/pages/forum.js
@@ -386,12 +386,17 @@ window.Page_forum = (() => {
     `;
 
     const footer = _appState.user ? `
-      ${(isOwn || isMod) ? `<button type="button" class="forum-icon-btn forum-icon-btn--danger" id="ft-delete-thread" title="Löschen">${UI.icon('trash')}</button>` : ''}
-      ${isOwn ? `<button type="button" class="forum-icon-btn" id="ft-edit-thread" title="Bearbeiten">${UI.icon('pencil-simple')}</button>` : ''}
-      <div style="flex:1"></div>
-      <button type="button" class="btn btn-secondary btn-sm" id="ft-close">Schließen</button>
-      ${(!thread.is_locked && _appState.user) ? `<button type="button" class="btn btn-primary btn-sm" id="ft-reply">Antworten</button>` : ''}
-    ` : `<button type="button" class="btn btn-primary btn-sm" id="ft-close">Schließen</button>`;
+      <div style="display:flex;flex-direction:column;gap:var(--space-2);width:100%">
+        <div style="display:flex;gap:var(--space-2);align-items:center">
+          ${(isOwn || isMod) ? `<button type="button" class="forum-icon-btn forum-icon-btn--danger" id="ft-delete-thread" title="Löschen">${UI.icon('trash')}</button>` : ''}
+          ${isOwn ? `<button type="button" class="forum-icon-btn" id="ft-edit-thread" title="Bearbeiten">${UI.icon('pencil-simple')}</button>` : ''}
+          <div style="margin-left:auto;display:flex;gap:var(--space-2)">
+            <button type="button" class="btn btn-secondary btn-sm" id="ft-close">Schließen</button>
+            ${(!thread.is_locked && _appState.user) ? `<button type="button" class="btn btn-primary btn-sm" id="ft-reply">Antworten</button>` : ''}
+          </div>
+        </div>
+      </div>
+    ` : `<button type="button" class="btn btn-primary w-full" id="ft-close">Schließen</button>`;
 
     UI.modal.open({ title: `${UI.icon('chat-circle-dots')} ${_esc(thread.titel)}`, body, footer });
 
diff --git a/backend/static/js/pages/routes.js b/backend/static/js/pages/routes.js
index 0310dee..a77e664 100644
--- a/backend/static/js/pages/routes.js
+++ b/backend/static/js/pages/routes.js
@@ -739,20 +739,22 @@ window.Page_routes = (() => {
     `;
 
     const footer = `
-      <div style="display:flex;gap:var(--space-2);width:100%;flex-wrap:wrap">
-        <div style="display:flex;gap:var(--space-2);flex:1">
+      <div style="display:flex;flex-direction:column;gap:var(--space-2);width:100%">
+        <div style="display:flex;gap:var(--space-2);align-items:center">
           <button type="button" class="btn btn-secondary btn-sm" id="rd-gpx" title="GPX herunterladen">${UI.icon('download-simple')} GPX</button>
           <button type="button" class="btn btn-secondary btn-sm" id="rd-share" title="Route teilen">${UI.icon('arrow-square-out')} Teilen</button>
-          <button type="button" class="btn btn-secondary btn-sm" id="rd-navi" title="Mit Navi öffnen">${UI.icon('map-pin')} Navi</button>
-          <button type="button" class="btn btn-secondary btn-sm" id="rd-send-friend" title="An Freund senden">${UI.icon('chat-circle-dots')}</button>
+          <button type="button" class="btn btn-secondary btn-sm" id="rd-navi" title="Navigation">${UI.icon('map-pin')} Navi</button>
+          <button type="button" class="forum-icon-btn" id="rd-send-friend" title="An Freund senden">${UI.icon('chat-circle-dots')}</button>
           ${isOwn ? `
-          <button type="button" class="btn btn-secondary btn-sm" id="rd-vis">
-            ${route.is_public ? UI.icon('lock')+' Privat' : UI.icon('globe')+' Öffentlich'}
-          </button>
-          <button type="button" class="btn btn-ghost btn-sm" id="rd-del" style="color:var(--c-danger)" title="Route löschen">${UI.icon('trash')} Löschen</button>
+            <div style="margin-left:auto;display:flex;gap:var(--space-1);align-items:center">
+              <button type="button" class="btn btn-secondary btn-sm" id="rd-vis" title="${route.is_public ? 'Privat schalten' : 'Öffentlich schalten'}">
+                ${route.is_public ? UI.icon('lock') : UI.icon('globe')}
+              </button>
+              <button type="button" class="forum-icon-btn forum-icon-btn--danger" id="rd-del" title="Route löschen">${UI.icon('trash')}</button>
+            </div>
           ` : ''}
         </div>
-        <button type="button" class="btn btn-primary btn-sm" id="rd-close">Schließen</button>
+        <button type="button" class="btn btn-primary w-full" id="rd-close">Schließen</button>
       </div>
     `;
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 416e11e..7adcf48 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v239';
+const CACHE_VERSION = 'by-v240';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten