Fixed line height in radio selectors (#614)

Fixes #604
veteransaffairscanada · Jul 18, 2018 · 95c42b8 · 95c42b8
1 parent 5d4f8aa
commit 95c42b8
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/components/radio_selector.js b/components/radio_selector.js
@@ -10,6 +10,10 @@ import { logEvent } from "../utils/analytics";
 const styles = theme => ({
   formControl: {
     margin: theme.spacing.unit
+  },
+  formLabel: {
+    lineHeight: "1.5em",
+    marginBottom: "10px"
   }
 });
 
@@ -106,7 +110,9 @@ export class RadioSelector extends React.Component {
     if (Object.values(allFilterIds).length != 0) {
       return (
         <FormControl className={classes.formControl}>
-          <FormLabel>{this.props.legend}</FormLabel>
+          <FormLabel className={classes.formLabel}>
+            {this.props.legend}
+          </FormLabel>
           <RadioGroup
             aria-label={this.props.legend}
             value={selected[selectorType]}
@@ -181,6 +187,7 @@ RadioSelector.propTypes = {
   store: PropTypes.object
 };
 
-export default connect(mapStateToProps, mapDispatchToProps)(
-  withStyles(styles)(RadioSelector)
-);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(withStyles(styles)(RadioSelector));