fix spacing on only

metasyn · Jul 25, 2021 · 8df5c57 · 8df5c57
1 parent 1267820
commit 8df5c57
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git 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
diff --git 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
@@ -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,
 };
-