Settings screen: add 8dp spacing between cards (they were touching, which read as compressed) and move 'Reset appearance' above the 'Font size' card

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",