From 385dc3b47f3825a81708a2d460fadc37e1a8d5ba Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 31 May 2017 17:48:57 -0700
Subject: [PATCH] Make apply button green as to not blend in with adjacent blue
 buttons

---
 ui/src/shared/components/FunctionSelector.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/src/shared/components/FunctionSelector.js b/ui/src/shared/components/FunctionSelector.js
index 20b4fcb1a..02da7a1bf 100644
--- a/ui/src/shared/components/FunctionSelector.js
+++ b/ui/src/shared/components/FunctionSelector.js
@@ -49,10 +49,14 @@ class FunctionSelector extends Component {
           <span>
             {localSelectedItems.length > 0
               ? `${localSelectedItems.length} Selected`
-              : 'Select functions below'
-            }
+              : 'Select functions below'}
           </span>
-          <div className="btn btn-xs btn-primary" onClick={this.handleApplyFunctions}>Apply</div>
+          <div
+            className="btn btn-xs btn-success"
+            onClick={this.handleApplyFunctions}
+          >
+            Apply
+          </div>
         </div>
         <div className="function-selector--grid">
           {INFLUXQL_FUNCTIONS.map((f, i) => {
@@ -63,7 +67,9 @@ class FunctionSelector extends Component {
                   active: this.isSelected(f),
                 })}
                 onClick={_.wrap(f, this.onSelect)}
-              >{f}</div>
+              >
+                {f}
+              </div>
             )
           })}
         </div>