From 9735c4cc379b193973a6f8e8508da62469b7ec6d Mon Sep 17 00:00:00 2001
From: schmop <lars.richard@rocketmail.com>
Date: Sun, 31 May 2026 18:14:53 +0200
Subject: [PATCH] =?UTF-8?q?Bedienkn=C3=B6pfe=20nach=20rechts=20(frei=20vom?=
 =?UTF-8?q?=20Vollbild-beenden-Button=20des=20OS);=20Zur=C3=BCck=20wird=20?=
 =?UTF-8?q?zu=20Home?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/screens/GameScreen.svelte     | 9 +++++----
 src/lib/screens/HomeScreen.svelte     | 4 ++--
 src/lib/screens/SettingsScreen.svelte | 8 ++++++--
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/lib/screens/GameScreen.svelte b/src/lib/screens/GameScreen.svelte
index 637a348..9e02972 100644
--- a/src/lib/screens/GameScreen.svelte
+++ b/src/lib/screens/GameScreen.svelte
@@ -62,12 +62,12 @@
 
 <div class="screen" in:fade={{ duration: 220 }}>
   <header class="topbar">
-    <IconButton label="Zurück" onClick={handleAbort}>
+    <Timer secondsLeft={$timeLeftSeconds} totalSeconds={Math.max(1, Math.round($game.totalMs / 1000))} />
+    <IconButton label="Startseite" onClick={handleAbort}>
       <svg width="28" height="28" viewBox="0 0 28 28" aria-hidden="true">
-        <path d="M18 5 L8 14 L18 23" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M14 4 L25 14 L22 14 L22 24 L16.5 24 L16.5 17.5 L11.5 17.5 L11.5 24 L6 24 L6 14 L3 14 Z" fill="currentColor" />
       </svg>
     </IconButton>
-    <Timer secondsLeft={$timeLeftSeconds} totalSeconds={Math.max(1, Math.round($game.totalMs / 1000))} />
   </header>
 
   <div class="layout">
@@ -102,7 +102,8 @@
   }
   .topbar {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-end;
+    gap: 12px;
     align-items: center;
   }
   .layout {
diff --git a/src/lib/screens/HomeScreen.svelte b/src/lib/screens/HomeScreen.svelte
index a7a5ebf..f5c9f5f 100644
--- a/src/lib/screens/HomeScreen.svelte
+++ b/src/lib/screens/HomeScreen.svelte
@@ -19,9 +19,9 @@
 
 <div class="screen" in:fade={{ duration: 220 }}>
   <header class="topbar">
-    <SoundToggle />
     <h1 class="visually-hidden">Zahlzerlegung</h1>
     <div class="actions">
+      <SoundToggle />
       <FullscreenToggle />
       <IconButton label="Einstellungen" onClick={goSettings}>
         <svg width="34" height="34" viewBox="0 0 32 32" aria-hidden="true">
@@ -52,7 +52,7 @@
   }
   .topbar {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-end;
     align-items: center;
   }
   .actions {
diff --git a/src/lib/screens/SettingsScreen.svelte b/src/lib/screens/SettingsScreen.svelte
index ff442a6..362893c 100644
--- a/src/lib/screens/SettingsScreen.svelte
+++ b/src/lib/screens/SettingsScreen.svelte
@@ -8,9 +8,9 @@
 
 <div class="screen" in:fade={{ duration: 220 }}>
   <header>
-    <IconButton label="Zurück" onClick={goHome}>
+    <IconButton label="Startseite" onClick={goHome}>
       <svg width="28" height="28" viewBox="0 0 28 28" aria-hidden="true">
-        <path d="M18 5 L8 14 L18 23" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M14 4 L25 14 L22 14 L22 24 L16.5 24 L16.5 17.5 L11.5 17.5 L11.5 24 L6 24 L6 14 L3 14 Z" fill="currentColor" />
       </svg>
     </IconButton>
   </header>
@@ -77,6 +77,10 @@
     gap: 18px;
     color: var(--c-text-on-dark);
   }
+  header {
+    display: flex;
+    justify-content: flex-end;
+  }
   .setting {
     display: grid;
     grid-template-columns: 80px 1fr;