[explorev2] improving the scrolling/scrollbars placement (#1840)

superset/assets/javascripts/explorev2/components/ChartContainer.jsx

@@ -196,7 +196,6 @@ class ChartContainer extends React.Component {
           ref={(ref) => { this.chartContainerRef = ref; }}
           className={this.props.viz_type}
           style={{
-            overflowX: 'auto',
             opacity: loading ? '0.25' : '1',
           }}
         />

superset/assets/javascripts/explorev2/components/ControlPanelsContainer.jsx

@@ -61,7 +61,8 @@ class ControlPanelsContainer extends React.Component {
 
   render() {
     return (
-      <Panel>
+      <div className="scrollbar-container">
+        <Panel className="scrollbar-content">
           {this.props.alert &&
             <Alert bsStyle="warning">
               {this.props.alert}
@@ -72,10 +73,7 @@ class ControlPanelsContainer extends React.Component {
               />
             </Alert>
           }
-        {!this.props.isDatasourceMetaLoading &&
-          <div className="scrollbar-container">
-            <div className="scrollbar-content">
-              {this.sectionsToRender().map((section) => (
+          {!this.props.isDatasourceMetaLoading && this.sectionsToRender().map((section) => (
             <ControlPanelSection
               key={section.label}
               label={section.label}
@@ -107,10 +105,8 @@ class ControlPanelsContainer extends React.Component {
               />
             </ControlPanelSection>
           ))}
-            </div>
-          </div>
-        }
         </Panel>
+      </div>
     );
   }
 }

superset/assets/javascripts/explorev2/main.css

@@ -11,9 +11,8 @@
   left: 0px;
   right: 0px;
   bottom: 0px;
-  overflow: scroll;
+  overflow-y: auto;
   margin-right: 0px;
-  margin-bottom: 100px;
 }
 
 .fave-unfave-icon, .edit-desc-icon {