position tweak

This commit is contained in:
Colin Megill
2018-10-15 11:20:52 -07:00
parent 9c8e0e76ad
commit 5165297e2a
@@ -74,10 +74,8 @@ class Category extends React.Component {
const { isChecked } = this.state; const { isChecked } = this.state;
// || this.checkbox.indeterminate === false // || this.checkbox.indeterminate === false
if (isChecked) { if (isChecked) {
console.log("checked, firing toggle none");
this.toggleNone(); this.toggleNone();
} else if (!isChecked) { } else if (!isChecked) {
console.log("!checked, firing toggle all");
this.toggleAll(); this.toggleAll();
} }
} }
@@ -128,7 +126,7 @@ class Category extends React.Component {
cursor: "pointer", cursor: "pointer",
display: "inline-block", display: "inline-block",
position: "relative", position: "relative",
top: 2 top: -1
}} }}
onClick={() => { onClick={() => {
this.setState({ isExpanded: !isExpanded }); this.setState({ isExpanded: !isExpanded });
@@ -146,7 +144,7 @@ class Category extends React.Component {
<span <span
onClick={this.handleColorChange.bind(this)} onClick={this.handleColorChange.bind(this)}
style={{ style={{
fontSize: 16, fontSize: 14,
marginLeft: 4, marginLeft: 4,
// padding: this.props.colorAccessor === this.props.metadataField ? 3 : "auto", // padding: this.props.colorAccessor === this.props.metadataField ? 3 : "auto",
borderRadius: 3, borderRadius: 3,
@@ -157,7 +155,7 @@ class Category extends React.Component {
// backgroundColor: this.props.colorAccessor === this.props.metadataField ? globals.brightBlue : "inherit", // backgroundColor: this.props.colorAccessor === this.props.metadataField ? globals.brightBlue : "inherit",
display: "inline-block", display: "inline-block",
position: "relative", position: "relative",
top: 2, top: -1,
cursor: "pointer" cursor: "pointer"
}} }}
> >