improvement: Make reset button more visible in footer

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>
This commit is contained in:
mhoennig
2026-07-23 08:44:35 +02:00
co-authored by Claude Haiku 4.5
parent b94f58fcd5
commit ceabc34bbe
+14 -4
View File
@@ -1403,17 +1403,27 @@ document.addEventListener('DOMContentLoaded', () => {
if(!footer) return; if(!footer) return;
const resetBtn = document.createElement('button'); const resetBtn = document.createElement('button');
resetBtn.textContent = '🔄'; resetBtn.textContent = '🔄 Reset';
resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)'; resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)';
resetBtn.style.cssText = ` resetBtn.style.cssText = `
background: none; background: none;
border: none; border: 1px solid var(--muted, #999);
color: var(--muted, #999); color: var(--muted, #999);
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 12px;
padding: 0 4px; padding: 2px 6px;
border-radius: 3px;
vertical-align: middle; 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); resetBtn.addEventListener('click', resetToDefaults);
/* Einfügen nach der Versionsnummer */ /* Einfügen nach der Versionsnummer */