From bf268e3ffdba6ea68a08835c97cac418a4893c51 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sat, 18 Apr 2026 00:03:39 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Mobile-Audit=20=E2=80=94=20Notifications?=
 =?UTF-8?q?=20Delete-Button,=20Health-Grid,=20Settings-Padding?=
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/health.js        | 4 ++--
 backend/static/js/pages/notifications.js | 8 ++++++++
 backend/static/js/pages/settings.js      | 2 +-
 backend/static/sw.js                     | 2 +-
 5 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 9bb1105..9b21d08 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 = '131'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '132'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/health.js b/backend/static/js/pages/health.js
index 8bc709b..69d74ef 100644
--- a/backend/static/js/pages/health.js
+++ b/backend/static/js/pages/health.js
@@ -1146,7 +1146,7 @@ window.Page_health = (() => {
   function _extraFormFields(entry, typ) {
     switch (typ) {
       case 'impfung': return `
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)">
+        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)">
           <div class="form-group">
             <label class="form-label">Nächste Impfung</label>
             <input class="form-control" type="date" name="naechstes" value="${entry?.naechstes || ''}">
@@ -1160,7 +1160,7 @@ window.Page_health = (() => {
         </div>
       `;
       case 'entwurmung': return `
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)">
+        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)">
           <div class="form-group">
             <label class="form-label">Nächste Behandlung</label>
             <input class="form-control" type="date" name="naechstes" value="${entry?.naechstes || ''}">
diff --git a/backend/static/js/pages/notifications.js b/backend/static/js/pages/notifications.js
index e8aadb3..ab9824e 100644
--- a/backend/static/js/pages/notifications.js
+++ b/backend/static/js/pages/notifications.js
@@ -217,10 +217,18 @@ window.Page_notifications = (() => {
         color: var(--c-text-muted);
         opacity: 0;
         transition: opacity var(--transition-fast);
+        min-width: 44px;
+        min-height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
       .notif-item:hover .notif-del-btn {
         opacity: 1;
       }
+      @media (hover: none) {
+        .notif-del-btn { opacity: 1; }
+      }
     `;
     document.head.appendChild(style);
   }
diff --git a/backend/static/js/pages/settings.js b/backend/static/js/pages/settings.js
index 33d453a..209d5d7 100644
--- a/backend/static/js/pages/settings.js
+++ b/backend/static/js/pages/settings.js
@@ -432,7 +432,7 @@ window.Page_settings = (() => {
   function _renderAuth(mode) {
     _mode = mode;
     _container.innerHTML = `
-      <div style="max-width:380px;margin:0 auto;padding:var(--space-6) var(--space-4)">
+      <div style="max-width:380px;margin:0 auto;padding:var(--space-6) 0">
 
         <!-- Logo -->
         <div style="text-align:center;margin-bottom:var(--space-6)">
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 6e21d1f..677f713 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-v159';
+const CACHE_VERSION = 'by-v160';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten