remove whitespace from heatmap

src/components/categorical/value.js

@@ -55,13 +55,11 @@ class CategoryValue extends React.Component {
             width: 200,
             flexShrink: 0,
             margin: 0,
-            lineHeight: "1em"
-          }}
-        >
+            // lineHeight: "1em"
+          }}>
           <input
-            onChange={
-              selected ? this.toggleOff.bind(this) : this.toggleOn.bind(this)
-            }
+            style={{position: "relative", top: 1}}
+            onChange={selected ? this.toggleOff.bind(this) : this.toggleOn.bind(this)}
             checked={selected}
             type="checkbox"
           />
@@ -70,14 +68,13 @@ class CategoryValue extends React.Component {
         <p
           style={{
             padding: "1px 10px",
-            backgroundColor: c
-              ? this.props.colorScale(this.props.value)
-              : "inherit",
+            width: 80,
+            textAlign: "center",
+            backgroundColor: c ? this.props.colorScale(this.props.value) : "inherit",
             color: c ? "white" : "black",
             margin: 0,
-            lineHeight: "1em"
-          }}
-        >
+            // lineHeight: "1em"
+          }}>
           {this.props.count}
         </p>
       </div>