nicer radio selection for post visibility

Author: notfirecc

shared/src/commonMain/kotlin/site/remlit/snowdrop/view/settings/SettingsView.kt

@@ -9,8 +9,11 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.selection.selectable
 import androidx.compose.material3.Card
 import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.Icon
@@ -28,6 +31,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.semantics.Role
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.russhwolf.settings.ExperimentalSettingsApi
@@ -121,51 +125,87 @@ fun SettingsView() = ViewSurface {
 					modifier = Modifier.padding(horizontal = 10.dp)
 				) {
 					Row(
-						verticalAlignment = Alignment.CenterVertically
+						verticalAlignment = Alignment.CenterVertically,
+						modifier = Modifier
+							.fillMaxWidth()
+							.height(42.dp)
+							.selectable(
+								selected = defaultVisibility == "public",
+								role = Role.RadioButton,
+								onClick = { blockingSettings.putString("default_visibility", "public") }
+							)
 					) {
 						RadioButton(
 							selected = defaultVisibility == "public",
-							onClick = { blockingSettings.putString("default_visibility", "public") }
+							onClick = null,
+							modifier = Modifier.padding(start = 10.dp)
 						)
 						Text(
 							"Public",
-							modifier = Modifier.padding(start = 10.dp)
+							modifier = Modifier.padding(start = 20.dp)
 						)
 					}
 					Row(
-						verticalAlignment = Alignment.CenterVertically
+						verticalAlignment = Alignment.CenterVertically,
+						modifier = Modifier
+							.fillMaxWidth()
+							.height(42.dp)
+							.selectable(
+								selected = defaultVisibility == "unlisted",
+								role = Role.RadioButton,
+								onClick = { blockingSettings.putString("default_visibility", "unlisted") }
+							)
 					) {
 						RadioButton(
 							selected = defaultVisibility == "unlisted",
-							onClick = { blockingSettings.putString("default_visibility", "unlisted") }
+							onClick = null,
+							modifier = Modifier.padding(start = 10.dp)
 						)
 						Text(
 							"Unlisted",
-							modifier = Modifier.padding(start = 10.dp)
+							modifier = Modifier.padding(start = 20.dp)
 						)
 					}
 					Row(
-						verticalAlignment = Alignment.CenterVertically
+						verticalAlignment = Alignment.CenterVertically,
+						modifier = Modifier
+							.fillMaxWidth()
+							.height(42.dp)
+							.selectable(
+								selected = defaultVisibility == "private",
+								role = Role.RadioButton,
+								onClick = { blockingSettings.putString("default_visibility", "private") }
+							)
 					) {
 						RadioButton(
 							selected = defaultVisibility == "private",
-							onClick = { blockingSettings.putString("default_visibility", "private") }
+							onClick = null,
+							modifier = Modifier.padding(start = 10.dp)
 						)
 						Text(
 							"Followers",
-							modifier = Modifier.padding(start = 10.dp)
+							modifier = Modifier.padding(start = 20.dp)
 						)
 					}
 					Row(
-						verticalAlignment = Alignment.CenterVertically
+						verticalAlignment = Alignment.CenterVertically,
+						modifier = Modifier
+							.fillMaxWidth()
+							.height(42.dp)
+							.selectable(
+								selected = defaultVisibility == "direct",
+								role = Role.RadioButton,
+								onClick = { blockingSettings.putString("default_visibility", "direct") }
+							)
 					) {
 						RadioButton(
 							selected = defaultVisibility == "direct",
-							onClick = { blockingSettings.putString("default_visibility", "direct") }
+							onClick = null,
+							modifier = Modifier.padding(start = 10.dp)
 						)
 						Text(
 							"Direct",
-							modifier = Modifier.padding(start = 10.dp)
+							modifier = Modifier.padding(start = 20.dp)
 						)
 					}
 				}