From ceabc34bbea02624fb14079b6ba12fbecdb6205b Mon Sep 17 00:00:00 2001
From: mhoennig <michael@hoennig.de>
Date: Thu, 23 Jul 2026 08:44:35 +0200
Subject: [PATCH] improvement: Make reset button more visible in footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reset-Button war zu unauffällig (nur 🔄-Symbol).

Jetzt prominenter:
- Label: \"🔄 Reset\" statt nur 🔄
- Border: dünne Linie um den Button
- Hover-Effekt: Farbe ändert sich zu Petrol (#0F766E)
- Cursor zeigt es ist klickbar

Button sitzt im Footer zwischen Versionsnummer und Links.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 frontend/src/app.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app.js b/frontend/src/app.js
index ad16a04..9025146 100644
--- a/frontend/src/app.js
+++ b/frontend/src/app.js
@@ -1403,17 +1403,27 @@ document.addEventListener('DOMContentLoaded', () => {
   if(!footer) return;
 
   const resetBtn = document.createElement('button');
-  resetBtn.textContent = '🔄';
+  resetBtn.textContent = '🔄 Reset';
   resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)';
   resetBtn.style.cssText = `
     background: none;
-    border: none;
+    border: 1px solid var(--muted, #999);
     color: var(--muted, #999);
     cursor: pointer;
-    font-size: 14px;
-    padding: 0 4px;
+    font-size: 12px;
+    padding: 2px 6px;
+    border-radius: 3px;
     vertical-align: middle;
+    transition: all 0.2s ease;
   `;
+  resetBtn.addEventListener('mouseenter', () => {
+    resetBtn.style.borderColor = 'var(--or, #0F766E)';
+    resetBtn.style.color = 'var(--or, #0F766E)';
+  });
+  resetBtn.addEventListener('mouseleave', () => {
+    resetBtn.style.borderColor = 'var(--muted, #999)';
+    resetBtn.style.color = 'var(--muted, #999)';
+  });
   resetBtn.addEventListener('click', resetToDefaults);
 
   /* Einfügen nach der Versionsnummer */