The sizes in the ToggleGroup were changed in #8676 and @henon suggested staking them to the Button sizes for consistency. I said we should explore changing both to a new standard to improve the quality. This issue was opened to let us discuss this idea in a wider context. We need to at least make a decision on the Button and ToggleGroup sizes before v7 is released.

cc @Garderoben @mckaragoz @ScarletKuro @Mr-Technician

I am all for standardization of sizes. Currently the elements feel like a zoo if you align them next to each other ;).

Off-Topic: Maybe in the process we could aslo finally center the button text vertically. Currently it is slightly off-center (due to the font underline??) which is funny as the button caption is all capitalized. And even if it weren't, it would still look better were it perfectly centered.

@henon Just to confirm, if the density changes then the dimensions will change with it? Ex: Button 36px, Button Low Margin 34px #8946

Yes of course the component dimensions will have to shrink accordingly

We need to consider font sizes as well. Button and ToggleGroup (for example) should have the same dimensions AND text size. What does it look like in Material Design 2? That's what we should aim for.

The reason some controls look vertically offset is probably due to the excessive line height in the default typographies:

M2

Users adding a lot of content, or multiline text, to a button would complicate things

MD2 buttons remain at a fixed height of 36px no matter what content is added. In our Styled Button example, we manually change the height.

@danielchalmers the button height is also very dependent on that text line height value.

Setting the line height to "1" results in the icon with buttons locking like this:

But other buttons now look like this (26px in height):