Thanks for these, both are sensible.
You were right to point at RowHeight. The reason the rows sit far apart is that each row has a fixed height: 32 pixels on desktop and 28 on the web. Changing the font size makes the text smaller inside that fixed height, so it can't actually tighten the rows.
I will add three properties to RadioButtonGroup:
- RowHeight - the height of each row in pixels. 0 (the default) keeps the current automatic height, so existing projects look unchanged.
- RowSpacing - the gap between rows, default 4. Because it is the gap in the layout direction, it also controls the space between buttons when the group is horizontal.
- Orientation - Horizontal lays the buttons out in a single row across the control, like Separator and Slider. Vertical stays the default. Horizontal groups don't wrap, so buttons clip at the control's edge.
For example, RowHeight 22 with RowSpacing 2 brings the row pitch down to 24 pixels from today's 36.
Logged here: https://feedback.objo.dev/feature/1824