diff --git a/dist/app.bundle.js b/dist/app.bundle.js index a3170e2..d42a5c4 100644 --- a/dist/app.bundle.js +++ b/dist/app.bundle.js @@ -67831,7 +67831,8 @@ var DateSelector = function (_Component) { _react2.default.createElement( 'button', { onClick: this.handleOnly, value: date }, - 'only' + ' ', + '(only)' ) ); } diff --git a/dist/style.bundle.css b/dist/style.bundle.css index 99645b4..6821a91 100644 --- a/dist/style.bundle.css +++ b/dist/style.bundle.css @@ -47,10 +47,11 @@ } #date-selector-container button { - margin-top: 0px; - float: right; color: #888; - margin-right: 5%; +} + +#date-selector-container button:before { + content: " " } /* Mapbox GL Stuff */ @@ -174,7 +175,7 @@ } #date-selector-container { - grid-template-columns: unset; + grid-template-columns: unset; } diff --git a/src/css/stylish.css b/src/css/stylish.css index 7039be8..4b982ca 100644 --- a/src/css/stylish.css +++ b/src/css/stylish.css @@ -47,10 +47,11 @@ body { } #date-selector-container button { - margin-top: 0px; - float: right; color: #888; - margin-right: 5%; +} + +#date-selector-container button:before { + content: " " } /* Mapbox GL Stuff */ @@ -174,7 +175,7 @@ body { } #date-selector-container { - grid-template-columns: unset; + grid-template-columns: unset; } diff --git a/src/js/components/dates/DateSelector.jsx b/src/js/components/dates/DateSelector.jsx index d2fd5a2..1bfa899 100644 --- a/src/js/components/dates/DateSelector.jsx +++ b/src/js/components/dates/DateSelector.jsx @@ -44,7 +44,7 @@ export default class DateSelector extends Component { onChange={this.handleChange} /> {formatDate(date)} - + ); } @@ -56,4 +56,3 @@ DateSelector.propTypes = { handleCheckboxChange: PropTypes.func.isRequired, handleOnlyIsolation: PropTypes.func.isRequired, }; -