obviously my formatting is currently not beautiful.

but doesn’t that look abnormally big?

This is what I’m trying to accomplish

am I crazy or is the above one like 20%+ bigger

IIcon( imageVector = if (isGameStatusSelected(gameListModel.value)) { Icons.Outlined.CheckCircle } else { Icons.Outlined.RadioButtonUnchecked }, contentDescription = "More", tint = ScoutTheme.colors.textOnSecondaryBackground, modifier = Modifier.padding(end = 10.dp) )

I didn’t even think about that.

ended up solving this problem quite easily. My absolute favorite thing about Android is how most everything is open source… just looked at the source code of the Radio Button and realized it’s crazy simple. So I just copied some core components of it… and made my own off of that. I also made a property class so I can change the size whenever I want. They have all these private properties like this:

private const val RadioAnimationDuration = 100

private val RadioButtonRippleRadius = 24.dp
private val RadioButtonPadding = 2.dp
private val RadioButtonSize = 20.dp
private val RadioRadius = RadioButtonSize / 2
private val RadioButtonDotSize = 12.dp
private val RadioStrokeWidth = 2.dp

So I simply created a class to hold those values and created a method to create a default instance that has overrides for everything like this:

fun defaultRadioButtonProperties(
    animationDuration: Int = 100,
    buttonRippleRadius: Dp = 24.dp,
    buttonPadding: Dp = 2.dp,
    buttonSize: Dp = 20.dp,
    radius: Dp = buttonSize / 2,
    // so the default size is 12.dp, but i'd like this to be calculated,
    // so we can change the size without effecting the proportions.
    dotSize: Dp = (0.6 * buttonSize.value).dp,
    strokeWidth: Dp = 2.dp
): RadioButtonProperties {
    return RadioButtonProperties(
        animationDuration,
        buttonRippleRadius,
        buttonPadding,
        buttonSize,
        radius,
        dotSize,
        strokeWidth
    )
}

@Immutable
class RadioButtonProperties(
    val animationDuration: Int,
    val buttonRippleRadius: Dp,
    val buttonPadding: Dp,
    val buttonSize: Dp,
    val radius: Dp,
    val buttonDotSize: Dp,
    val strokeWidth: Dp,
)

then I just pass that into version of the RadioButton composable.

It’s like a 20% reduction in size. Looks a lot better IMO in the context of a dialogue