From 1b4e717efc2a7823176b7b8cb025075731591074 Mon Sep 17 00:00:00 2001
From: Colin Megill <colinmegill@gmail.com>
Date: Mon, 7 May 2018 11:12:56 -0700
Subject: [PATCH] remove whitespace from heatmap

---
 src/components/categorical/value.js | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/categorical/value.js b/src/components/categorical/value.js
index fddb6a26..686c82fa 100644
--- a/src/components/categorical/value.js
+++ b/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>