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

This commit is contained in:
ARIA committed 2026-08-21 08:59:38 +02:00
1 parent abf1374c1e
commit 6846ab1e19
1 file changed
+19 -18
@@ -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",