From 43b942f6b52cb929331251f9d7d3aa6e361d37bd Mon Sep 17 00:00:00 2001
From: schmop <lars.richard@rocketmail.com>
Date: Sun, 31 May 2026 18:25:48 +0200
Subject: [PATCH] Einstellungen: Reset-Reihe wie die anderen Reihen ausrichten
 (Symbol-Label + zentrierter Knopf)

---
 src/lib/screens/SettingsScreen.svelte | 33 +++++++++++++++------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/lib/screens/SettingsScreen.svelte b/src/lib/screens/SettingsScreen.svelte
index 4597797..7d42704 100644
--- a/src/lib/screens/SettingsScreen.svelte
+++ b/src/lib/screens/SettingsScreen.svelte
@@ -76,15 +76,24 @@
     </div>
   </section>
 
-  <section class="reset-row">
-    <button class="reset-btn" type="button" onclick={() => { play('tap'); confirming = true; }} aria-label="Spielstand zurücksetzen">
-      <svg width="38" height="38" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-        <path d="M4 7 H24" />
-        <path d="M11 7 V4 H17 V7" />
-        <path d="M6 7 L7.4 24 H20.6 L22 7" />
-        <path d="M11.5 11 V20 M16.5 11 V20" />
+  <section class="setting">
+    <div class="label">
+      <svg width="40" height="40" viewBox="0 0 28 28" aria-hidden="true">
+        <path d="M14 4 L26 25 L2 25 Z" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linejoin="round" />
+        <rect x="12.8" y="10.5" width="2.4" height="7.5" rx="1.2" fill="currentColor" />
+        <circle cx="14" cy="21.5" r="1.5" fill="currentColor" />
       </svg>
-    </button>
+    </div>
+    <div class="options">
+      <button class="reset-btn" type="button" onclick={() => { play('tap'); confirming = true; }} aria-label="Spielstand zurücksetzen">
+        <svg width="38" height="38" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+          <path d="M4 7 H24" />
+          <path d="M11 7 V4 H17 V7" />
+          <path d="M6 7 L7.4 24 H20.6 L22 7" />
+          <path d="M11.5 11 V20 M16.5 11 V20" />
+        </svg>
+      </button>
+    </div>
   </section>
 </div>
 
@@ -120,7 +129,7 @@
     position: relative;
     height: 100%;
     display: grid;
-    grid-template-rows: auto 1fr 1fr auto;
+    grid-template-rows: auto 1fr 1fr 1fr;
     padding: 16px;
     gap: 18px;
     color: var(--c-text-on-dark);
@@ -129,16 +138,12 @@
     display: flex;
     justify-content: flex-end;
   }
-  .reset-row {
-    display: flex;
-    justify-content: center;
-  }
   .reset-btn {
     display: grid;
     place-items: center;
     width: 84px;
     height: 84px;
-    border-radius: 20px;
+    border-radius: 18px;
     background: rgba(255, 107, 107, 0.85);
     color: #fff;
     transition: transform 0.08s ease, background 0.15s ease;