fixed alignment of toggles and text

robinsrk · Dec 8, 2024 · 413be19 · 413be19
1 parent d21ef65
commit 413be19
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/app/src/main/java/dev/robin/flip_2_dnd/presentation/settings/SettingsScreen.kt b/app/src/main/java/dev/robin/flip_2_dnd/presentation/settings/SettingsScreen.kt
@@ -101,27 +101,25 @@ fun SettingsSwitchItem(
     checked: Boolean,
     onCheckedChange: (Boolean) -> Unit
 ) {
-    Row(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(vertical = 8.dp),
-        horizontalArrangement = Arrangement.SpaceBetween,
-        verticalAlignment = Alignment.CenterVertically
-    ) {
-        Column {
+    ListItem(
+        headlineContent = { 
             Text(
                 text = title,
                 style = MaterialTheme.typography.titleMedium
-            )
+            ) 
+        },
+        supportingContent = { 
             Text(
                 text = description,
                 style = MaterialTheme.typography.bodyMedium,
                 color = MaterialTheme.colorScheme.onSurfaceVariant
+            ) 
+        },
+        trailingContent = {
+            Switch(
+                checked = checked,
+                onCheckedChange = onCheckedChange
             )
         }
-        Switch(
-            checked = checked,
-            onCheckedChange = onCheckedChange
-        )
-    }
+    )
 }