From cd9c34166346d6e33d759f510148f1e4fe2e6c6c Mon Sep 17 00:00:00 2001
From: Andrew Watkins <watts@influxdb.com>
Date: Tue, 1 Aug 2017 11:02:59 -0700
Subject: [PATCH] Tweak styles

---
 ui/src/dashboards/components/Ranger.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/ui/src/dashboards/components/Ranger.js b/ui/src/dashboards/components/Ranger.js
index d39caa5b88..7dbc79bc77 100644
--- a/ui/src/dashboards/components/Ranger.js
+++ b/ui/src/dashboards/components/Ranger.js
@@ -9,10 +9,8 @@ const Ranger = ({onSetRange, axes}) => {
     <div className="display-options--cell">
       <h5 className="display-options--header">Y Axis Controls</h5>
       <form autoComplete="off">
-        <div className="display-options--row">
-          <label htmlFor="min" style={{width: '40px'}}>
-            Min
-          </label>
+        <div className="form-group col-sm-6">
+          <label htmlFor="min">Min</label>
           <input
             className="form-control input-sm"
             type="number"
@@ -23,10 +21,8 @@ const Ranger = ({onSetRange, axes}) => {
             placeholder="auto"
           />
         </div>
-        <div className="display-options--row">
-          <label htmlFor="max" style={{width: '40px'}}>
-            Max
-          </label>
+        <div className="form-group col-sm-6">
+          <label htmlFor="max">Max</label>
           <input
             className="form-control input-sm"
             type="number"