From 0bdc032ce6db071beaa84d52dc77d42e7ac0ca5c Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Tue, 24 Apr 2018 17:14:11 -0700
Subject: [PATCH] Make auto refresh dropdown more compact

---
 .../shared/components/AutoRefreshDropdown.js  |  4 ++--
 ui/src/shared/data/autoRefreshes.js           | 20 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ui/src/shared/components/AutoRefreshDropdown.js b/ui/src/shared/components/AutoRefreshDropdown.js
index 92f338cd8c..7a1d068307 100644
--- a/ui/src/shared/components/AutoRefreshDropdown.js
+++ b/ui/src/shared/components/AutoRefreshDropdown.js
@@ -41,7 +41,7 @@ class AutoRefreshDropdown extends Component {
           paused: +milliseconds === 0,
         })}
       >
-        <div className={classnames('dropdown dropdown-160', {open: isOpen})}>
+        <div className={classnames('dropdown dropdown-120', {open: isOpen})}>
           <div
             className="btn btn-sm btn-default dropdown-toggle"
             onClick={this.toggleMenu}
@@ -56,7 +56,7 @@ class AutoRefreshDropdown extends Component {
             <span className="caret" />
           </div>
           <ul className="dropdown-menu">
-            <li className="dropdown-header">AutoRefresh Interval</li>
+            <li className="dropdown-header">AutoRefresh</li>
             {autoRefreshItems.map(item => (
               <li className="dropdown-item" key={item.menuOption}>
                 <a href="#" onClick={this.handleSelection(item.milliseconds)}>
diff --git a/ui/src/shared/data/autoRefreshes.js b/ui/src/shared/data/autoRefreshes.js
index 5ce7bf63ec..4778dafbbe 100644
--- a/ui/src/shared/data/autoRefreshes.js
+++ b/ui/src/shared/data/autoRefreshes.js
@@ -2,28 +2,28 @@ const autoRefreshItems = [
   {milliseconds: 0, inputValue: 'Paused', menuOption: 'Paused'},
   {
     milliseconds: 5000,
-    inputValue: 'Every 5 seconds',
-    menuOption: 'Every 5 seconds',
+    inputValue: 'Every 5s',
+    menuOption: 'Every 5s',
   },
   {
     milliseconds: 10000,
-    inputValue: 'Every 10 seconds',
-    menuOption: 'Every 10 seconds',
+    inputValue: 'Every 10s',
+    menuOption: 'Every 10s',
   },
   {
     milliseconds: 15000,
-    inputValue: 'Every 15 seconds',
-    menuOption: 'Every 15 seconds',
+    inputValue: 'Every 15s',
+    menuOption: 'Every 15s',
   },
   {
     milliseconds: 30000,
-    inputValue: 'Every 30 seconds',
-    menuOption: 'Every 30 seconds',
+    inputValue: 'Every 30s',
+    menuOption: 'Every 30s',
   },
   {
     milliseconds: 60000,
-    inputValue: 'Every 60 seconds',
-    menuOption: 'Every 60 seconds',
+    inputValue: 'Every 60s',
+    menuOption: 'Every 60s',
   },
 ]