From 6846ab1e191537b78e4dc81f940462858e6dbe4f Mon Sep 17 00:00:00 2001
From: ARIA <no-reply@zephyre.one>
Date: Fri, 21 Aug 2026 08:59:38 +0200
Subject: [PATCH] Settings screen: add 8dp spacing between cards (they were
 touching, which read as compressed) and move 'Reset appearance' above the
 'Font size' card

---
 .../kotlin/iris/ui/screens/SettingsScreen.kt  | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/app/shared/src/commonMain/kotlin/iris/ui/screens/SettingsScreen.kt b/app/shared/src/commonMain/kotlin/iris/ui/screens/SettingsScreen.kt
index 82a4431..8547169 100644
--- a/app/shared/src/commonMain/kotlin/iris/ui/screens/SettingsScreen.kt
+++ b/app/shared/src/commonMain/kotlin/iris/ui/screens/SettingsScreen.kt
@@ -75,6 +75,7 @@ fun SettingsScreen(controller: IrisController, onBack: () -> Unit) {
                 .fillMaxSize()
                 .verticalScroll(rememberScrollState())
                 .padding(12.dp),
+            verticalArrangement = Arrangement.spacedBy(8.dp),
         ) {
             Row(
                 verticalAlignment = Alignment.CenterVertically,
@@ -242,6 +243,24 @@ fun SettingsScreen(controller: IrisController, onBack: () -> Unit) {
                     }
                 }
             }
+            SettingsCard {
+                Row(
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = Modifier.fillMaxWidth(),
+                ) {
+                    Column(modifier = Modifier.weight(1f)) {
+                        Text("Reset appearance", fontSize = 14.sp)
+                        Text(
+                            "Restore the default colors and background",
+                            fontSize = 12.sp,
+                            color = IrisColors.textDim,
+                        )
+                    }
+                    TextButton(onClick = { controller.resetTheme() }) {
+                        Text("Reset", fontSize = 12.sp)
+                    }
+                }
+            }
             SettingsCard {
                 Text("🔤 Font size", fontSize = 14.sp)
                 Text(
@@ -282,24 +301,6 @@ fun SettingsScreen(controller: IrisController, onBack: () -> Unit) {
                     }
                 }
             }
-            SettingsCard {
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    modifier = Modifier.fillMaxWidth(),
-                ) {
-                    Column(modifier = Modifier.weight(1f)) {
-                        Text("Reset appearance", fontSize = 14.sp)
-                        Text(
-                            "Restore the default colors and background",
-                            fontSize = 12.sp,
-                            color = IrisColors.textDim,
-                        )
-                    }
-                    TextButton(onClick = { controller.resetTheme() }) {
-                        Text("Reset", fontSize = 12.sp)
-                    }
-                }
-            }
 
             Text(
                 "Tools",