docs(radio-button): add a bit of padding to radio button example

[alyssamichelle]

A spoonful of padding helps the radio-buttons go down! ☂️

Before:

After:

[crisbeto]

This could be a little more robust as:

.mat-radio-button + .mat-radio-button {
  margin-left: 16px;
}

Also the comment isn't really necessary.

[alyssamichelle]

@crisbeto I think the way I did it allows for more flexibility. If someone has an element other than a .mat-radio-button as a sibling, then I think yours breaks down; whereas with my way, you could have a radio button, some other element, and then another radio button and mine would still put a bit of space.

That being said, I think your way might be faster. What do you think about doing .mat-radio-button ~ .mat-radio-button? Using this should allow us to select all the radio button siblings, no matter if they are immediately adjacent or not and would still be a little faster than :not().

[crisbeto]

That works as well. My only issue with the first approach was it could've broken if we shuffled the DOM around.

[crisbeto]

LGTM

[kara]

Don't we need to add the CSS file to the component? e.g. a styleUrl here:

https://github.com/alyssamichelle/material2/blob/0d440c0a8fbb445e98311fa2fea881cf3e6cbedc/src/material-examples/radio-overview/radio-overview-example.ts

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}