From f229f6f4d0d4726ce7b636c5b45f50e5c594423f Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 26 Apr 2026 10:11:24 +0200
Subject: [PATCH] =?UTF-8?q?Knigge:=20Padding=20direkt=20auf=20Frage/Option?=
 =?UTF-8?q?s/Bars-Elemente=20=E2=80=94=20SW=20by-v422?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/js/app.js          |  2 +-
 backend/static/js/pages/knigge.js | 30 ++++++++++++++----------------
 backend/static/sw.js              |  2 +-
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index b90d10b..89f60f1 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 = '400'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '401'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/knigge.js b/backend/static/js/pages/knigge.js
index d0efc44..3a6e895 100644
--- a/backend/static/js/pages/knigge.js
+++ b/backend/static/js/pages/knigge.js
@@ -174,21 +174,19 @@ window.Page_knigge = (() => {
   function _renderVoting() {
     const cards = SZENARIEN.map(s => `
       <div class="card" style="margin-bottom:var(--space-4)" id="sz-${s.id}">
-        <div style="padding:var(--space-5)">
-          <p style="font-weight:var(--weight-semibold);margin-bottom:var(--space-3);line-height:1.5">
-            ${_esc(s.frage)}
-          </p>
-          <div class="knigge-vote-options" id="opts-${s.id}">
-            ${s.antworten.map(a => `
-              <button class="knigge-vote-btn btn btn-secondary"
-                      data-sz="${s.id}" data-key="${a.key}"
-                      style="width:100%;margin-bottom:var(--space-2);justify-content:flex-start;text-align:left">
-                ${_esc(a.text)}
-              </button>
-            `).join('')}
-          </div>
-          <div class="knigge-vote-result hidden" id="res-${s.id}"></div>
+        <p style="font-weight:var(--weight-semibold);margin:0;padding:var(--space-5) var(--space-5) var(--space-3);line-height:1.5">
+          ${_esc(s.frage)}
+        </p>
+        <div class="knigge-vote-options" id="opts-${s.id}" style="padding:0 var(--space-5) var(--space-5)">
+          ${s.antworten.map(a => `
+            <button class="knigge-vote-btn btn btn-secondary"
+                    data-sz="${s.id}" data-key="${a.key}"
+                    style="width:100%;margin-bottom:var(--space-2);justify-content:flex-start;text-align:left">
+              ${_esc(a.text)}
+            </button>
+          `).join('')}
         </div>
+        <div class="knigge-vote-result hidden" id="res-${s.id}"></div>
       </div>
     `).join('');
 
@@ -281,8 +279,8 @@ window.Page_knigge = (() => {
       : `<span style="color:var(--c-danger);font-weight:var(--weight-semibold)">${UI.icon('x')} Nicht ganz — </span>`;
 
     resEl.innerHTML = `
-      <div style="margin-bottom:var(--space-4)">${bars}</div>
-      <div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:1.5">
+      <div style="margin-bottom:var(--space-4);padding:0 var(--space-5)">${bars}</div>
+      <div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);line-height:1.5">
         ${badge}
         <span style="color:var(--c-text-secondary)">${_esc(szenario.erklaerung)}</span>
       </div>
diff --git a/backend/static/sw.js b/backend/static/sw.js
index ed730df..d9350c6 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-v421';
+const CACHE_VERSION = 'by-v422';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten