Skip to content

Commit 448ede0

Browse files
committed
Fix issues with labels for radio buttons in settings.
1 parent 1ccaa47 commit 448ede0

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/browser/components/Form.jsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,12 +84,19 @@ const StyledSettingTextInput = styled(StyledInput)`
8484
const StyledCheckbox = styled.input`
8585
margin-right: 10px;
8686
`
87+
const StyledRadio = styled.input`
88+
margin-right: 10px;
89+
`
8790
export const StyledLabel = styled.label`
8891
/* margin-left: 10px; */
8992
display: inline-block;
9093
font-weight: 600;
9194
vertical-align: middle;
9295
96+
input[type='radio'] + & {
97+
font-weight: 400;
98+
}
99+
93100
&:first-letter {
94101
text-transform: uppercase;
95102
}
@@ -126,7 +133,7 @@ export class RadioSelector extends Component {
126133
{this.props.options.map(option => {
127134
return (
128135
<StyledRadioEntry key={option}>
129-
<input
136+
<StyledRadio
130137
type='radio'
131138
value={option}
132139
checked={this.isSelectedValue(option)}

0 commit comments

Comments
 (0)