From 95c42b82fea29b801eb0110996c2de3cf7f55c61 Mon Sep 17 00:00:00 2001
From: Max Neuvians <max@neuvians.net>
Date: Wed, 18 Jul 2018 11:43:58 -0400
Subject: [PATCH] Fixed line height in radio selectors (#614)

Fixes #604
---
 components/radio_selector.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/radio_selector.js b/components/radio_selector.js
index 76229b97e..8e16b0e2c 100644
--- 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));