From dec268337d9a154468bdc3339c7c38490ba9f63f Mon Sep 17 00:00:00 2001
From: Andrew Watkins <watts@influxdb.com>
Date: Thu, 6 Apr 2017 13:34:08 -0600
Subject: [PATCH] Add some style

---
 ui/src/data_explorer/components/RawQueryEditor.js |  6 ++----
 ui/src/style/pages/data-explorer/raw-text.scss    | 15 ++++++++++++---
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/ui/src/data_explorer/components/RawQueryEditor.js b/ui/src/data_explorer/components/RawQueryEditor.js
index 597a26df7f..b8dd11b9f3 100644
--- a/ui/src/data_explorer/components/RawQueryEditor.js
+++ b/ui/src/data_explorer/components/RawQueryEditor.js
@@ -68,10 +68,8 @@ const RawQueryEditor = React.createClass({
           autoComplete="off"
           spellCheck="false"
         />
-        <div style={{display: 'flex'}}>
-          {this.renderStatus(rawStatus)}
-          <Dropdown items={QUERY_TEMPLATES} selected={'Query Templates'} onChoose={this.handleChooseTemplate} />
-        </div>
+        {this.renderStatus(rawStatus)}
+        <Dropdown items={QUERY_TEMPLATES} selected={'Query Templates'} onChoose={this.handleChooseTemplate} className="query-template"/>
       </div>
     )
   },
diff --git a/ui/src/style/pages/data-explorer/raw-text.scss b/ui/src/style/pages/data-explorer/raw-text.scss
index 2899bc42e2..3ae6ade9c6 100644
--- a/ui/src/style/pages/data-explorer/raw-text.scss
+++ b/ui/src/style/pages/data-explorer/raw-text.scss
@@ -26,7 +26,7 @@
 }
 
 $raw-text-color: $c-pool;
-$raw-text-height: 38px;
+$raw-text-height: 42px;
 
 .raw-text--field {
   @include custom-scrollbar($g2-kevlar, $raw-text-color);
@@ -72,7 +72,7 @@ $raw-text-height: 38px;
 }
 .raw-text--status {
   width: 100%;
-  height: ($query-builder--preview-height - 2px - $raw-text-height);
+  height: ($query-builder--preview-height - $raw-text-height);
   line-height: 12px;
   font-size: 12px;
   background-color: $g2-kevlar;
@@ -108,4 +108,13 @@ $raw-text-height: 38px;
   &.raw-text--success {
     color: $c-rainforest;
   }
-}
\ No newline at end of file
+}
+
+.dropdown.query-template {
+  position: absolute;
+  top: 8px;
+  right: 7px;
+  >.dropdown-toggle {
+    width: 135px;
+  }
+}