From fc74fbeeaa0834f1dcf5f83b25d3b709b1b9fd95 Mon Sep 17 00:00:00 2001
From: Alanna Scott <alanna.scott@airbnb.com>
Date: Wed, 11 Jan 2017 21:57:36 -0800
Subject: [PATCH] [explore-v2] make control panel sections and fields more
 dense (#1954)

* make control panel sections and fields more dense

* remove Panel

* use <Panel> with className prop
---
 .../javascripts/explorev2/components/ControlPanelSection.jsx | 5 ++++-
 .../assets/javascripts/explorev2/components/FieldSetRow.jsx  | 2 +-
 superset/assets/javascripts/explorev2/main.css               | 5 +++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/superset/assets/javascripts/explorev2/components/ControlPanelSection.jsx b/superset/assets/javascripts/explorev2/components/ControlPanelSection.jsx
index a6fe2e3bb4a71..25607d36e03c5 100644
--- a/superset/assets/javascripts/explorev2/components/ControlPanelSection.jsx
+++ b/superset/assets/javascripts/explorev2/components/ControlPanelSection.jsx
@@ -32,7 +32,10 @@ export default class ControlPanelSection extends React.Component {
 
   render() {
     return (
-      <Panel header={this.renderHeader()}>
+      <Panel
+        className="control-panel-section"
+        header={this.renderHeader()}
+      >
         {this.props.children}
       </Panel>
     );
diff --git a/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx b/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx
index 625c8761e3fe6..904cddf120962 100644
--- a/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx
+++ b/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx
@@ -9,7 +9,7 @@ const propTypes = {
 function FieldSetRow(props) {
   const colSize = NUM_COLUMNS / props.fields.length;
   return (
-    <div className="row space-2">
+    <div className="row space-1">
       {props.fields.map((field, i) => (
         <div className={`col-lg-${colSize} col-xs-12`} key={i} >
           {field}
diff --git a/superset/assets/javascripts/explorev2/main.css b/superset/assets/javascripts/explorev2/main.css
index 145b70711c4e8..0d56bca3728f3 100644
--- a/superset/assets/javascripts/explorev2/main.css
+++ b/superset/assets/javascripts/explorev2/main.css
@@ -25,3 +25,8 @@
     margin-top: 0px;
     margin-right: 3px;
 }
+
+.control-panel-section {
+  margin-bottom: 0px;
+  box-shadow: none;
+}