From 8df5c57c8f301226f52e8f182a3a0bbde09bbce2 Mon Sep 17 00:00:00 2001
From: Xander Johnson <xander@metasyn.pw>
Date: Sun, 25 Jul 2021 10:41:05 -0700
Subject: [PATCH] fix spacing on only

---
 dist/app.bundle.js                       | 3 ++-
 dist/style.bundle.css                    | 9 +++++----
 src/css/stylish.css                      | 9 +++++----
 src/js/components/dates/DateSelector.jsx | 3 +--
 4 files changed, 13 insertions(+), 11 deletions(-)

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)}
-        <button onClick={this.handleOnly} value={date}>only</button>
+        <button onClick={this.handleOnly} value={date}>{'     '}(only)</button>
       </div>
     );
   }
@@ -56,4 +56,3 @@ DateSelector.propTypes = {
   handleCheckboxChange: PropTypes.func.isRequired,
   handleOnlyIsolation: PropTypes.func.isRequired,
 };
-