use width for radio buttons, not margin

This fixes #962 – the margin was causing flex to overflow the radio buttons when the text was long, causing the male and other options to render on top of each other. This fixes that by giving the radio buttons a fixed with relative to the parent container, and by ensuring that languages with long localizations will still be visible in overflow text.
This commit is contained in:
Matthew Taylor 2016-12-05 12:53:04 -05:00
parent 16d638672e
commit cc0496619d

View file

@ -66,8 +66,9 @@
}
.radio {
margin-right: 2.5rem;
width: 50%;
line-height: 3rem;
white-space: nowrap;
input {
margin-right: 1rem;