[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
apache · Jan 12, 2017 · fc74fbe · fc74fbe
1 parent 9c6a579
commit fc74fbe
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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
@@ -25,3 +25,8 @@
     margin-top: 0px;
     margin-right: 3px;
 }
+
+.control-panel-section {
+  margin-bottom: 0px;
+  box-shadow: none;
+}