diff --git a/app/src/main/java/dev/kaizen/app/settings/SettingsComponents.kt b/app/src/main/java/dev/kaizen/app/settings/SettingsComponents.kt index 2828ec2..79c2034 100644 --- a/app/src/main/java/dev/kaizen/app/settings/SettingsComponents.kt +++ b/app/src/main/java/dev/kaizen/app/settings/SettingsComponents.kt @@ -107,46 +107,45 @@ fun SettingsOptionRow( content: @Composable () -> Unit = {} ) { val cs = MaterialTheme.colorScheme - Row( + Column( modifier = modifier .fillMaxWidth() .padding(vertical = 10.dp), - verticalAlignment = Alignment.CenterVertically ) { - Box( - modifier = Modifier - .size(38.dp) - .clip(KaizenShapes.circle) - .background(cs.onBackground.copy(alpha = 0.06f)), - contentAlignment = Alignment.Center - ) { - Icon( - imageVector = icon, - contentDescription = null, - tint = cs.onBackground.copy(alpha = 0.75f), - modifier = Modifier.size(18.dp) - ) + Row(verticalAlignment = Alignment.CenterVertically) { + Box( + modifier = Modifier + .size(38.dp) + .clip(KaizenShapes.circle) + .background(cs.onBackground.copy(alpha = 0.06f)), + contentAlignment = Alignment.Center + ) { + Icon( + imageVector = icon, + contentDescription = null, + tint = cs.onBackground.copy(alpha = 0.75f), + modifier = Modifier.size(18.dp) + ) + } + Spacer(Modifier.width(14.dp)) + Column { + Text( + text = title, + color = cs.onBackground, + fontSize = 15.sp, + fontWeight = FontWeight.SemiBold + ) + if (description.isNotEmpty()) { + Text( + text = description, + color = cs.onSurfaceVariant, + fontSize = 12.sp, + lineHeight = 16.sp + ) + } + } } - - Spacer(Modifier.width(14.dp)) - - Column(Modifier.weight(1f)) { - Text( - text = title, - color = cs.onBackground, - fontSize = 15.sp, - fontWeight = FontWeight.SemiBold - ) - Text( - text = description, - color = cs.onSurfaceVariant, - fontSize = 12.sp, - lineHeight = 16.sp - ) - } - - Spacer(Modifier.width(10.dp)) - + Spacer(Modifier.height(12.dp)) content() } }