From 4d2a6b84928bdf84759241cb5caed374bb424214 Mon Sep 17 00:00:00 2001
From: Jared Scheib <jared.scheib@gmail.com>
Date: Tue, 3 Oct 2017 11:17:39 -0700
Subject: [PATCH] Add label to SourceSelector

Signed-off-by: Alex Paxton <thealexpaxton@gmail.com>
---
 ui/src/dashboards/components/SourceSelector.js | 11 ++++++-----
 ui/src/style/components/source-selector.scss   |  7 +++++++
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/ui/src/dashboards/components/SourceSelector.js b/ui/src/dashboards/components/SourceSelector.js
index 36ba1ccd84..a9c1953bd2 100644
--- a/ui/src/dashboards/components/SourceSelector.js
+++ b/ui/src/dashboards/components/SourceSelector.js
@@ -2,9 +2,10 @@ import React, {PropTypes} from 'react'
 import Dropdown from 'shared/components/Dropdown'
 
 const SourceSelector = ({sources = [], selected, onSetQuerySource}) =>
-  <div className="source-selector">
-    {sources.length > 1
-      ? <Dropdown
+  sources.length > 1
+    ? <div className="source-selector">
+        <h3>Source:</h3>
+        <Dropdown
           items={sources}
           buttonSize="btn-sm"
           menuClass="dropdown-astronaut"
@@ -13,8 +14,8 @@ const SourceSelector = ({sources = [], selected, onSetQuerySource}) =>
           onChoose={onSetQuerySource}
           className="dropdown-240"
         />
-      : null}
-  </div>
+      </div>
+    : null
 
 const {arrayOf, func, shape, string} = PropTypes
 
diff --git a/ui/src/style/components/source-selector.scss b/ui/src/style/components/source-selector.scss
index 87739d863a..13fcc48cd3 100644
--- a/ui/src/style/components/source-selector.scss
+++ b/ui/src/style/components/source-selector.scss
@@ -8,4 +8,11 @@
   align-items: center;
   flex-wrap: nowrap;
   flex: 1 0 0;
+
+  h3 {
+    margin: 0 4px 0 0;
+    font-size: 17px;
+    color: $g13-mist;
+    @include no-user-select();
+  }
 }