From a4f5410af7892f874a5131a5290986dfaac23e44 Mon Sep 17 00:00:00 2001
From: Jared Scheib <jared.scheib@gmail.com>
Date: Thu, 7 Sep 2017 11:32:01 -0700
Subject: [PATCH] Move styles for groupby fill container into stylesheet

---
 ui/src/shared/components/FieldList.js      | 2 +-
 ui/src/style/components/query-builder.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/shared/components/FieldList.js b/ui/src/shared/components/FieldList.js
index e85469446e..e0d2f61256 100644
--- a/ui/src/shared/components/FieldList.js
+++ b/ui/src/shared/components/FieldList.js
@@ -92,7 +92,7 @@ class FieldList extends Component {
         <div className="query-builder--heading">
           <span>Fields</span>
           {hasAggregates
-            ? <div style={{display: 'flex', alignItems: 'center'}}>
+            ? <div className="query-builder--groupby-fill-container">
                 <GroupByTimeDropdown
                   isOpen={!hasGroupByTime}
                   selected={groupBy.time}
diff --git a/ui/src/style/components/query-builder.scss b/ui/src/style/components/query-builder.scss
index 503b8bc133..0c7586b00b 100644
--- a/ui/src/style/components/query-builder.scss
+++ b/ui/src/style/components/query-builder.scss
@@ -204,3 +204,8 @@
 .query-builder--db-dropdown {
   display: inline-block;
 }
+/* Container for group by and fill dropdowns to live side-by-side */
+.query-builder--groupby-fill-container {
+  display: flex;
+  alignItems: center;
+}