From 5898e6ca9b72c3446d2016df0c0f31540b84691b Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Tue, 9 May 2017 22:32:26 -0700
Subject: [PATCH 1/2] [sql lab] fix responsivity of grid

---
 .../javascripts/SqlLab/components/SqlEditor.jsx    | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
index 3da8050f2bc7..5565458fa68e 100644
--- a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
+++ b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
@@ -193,7 +193,12 @@ class SqlEditor extends React.PureComponent {
           <Collapse
             in={!this.props.hideLeftBar}
           >
-            <Col md={3}>
+            <Col
+              xs={6}
+              sm={5}
+              md={4}
+              lg={3}
+            >
               <SqlEditorLeftBar
                 height={this.sqlEditorHeight()}
                 queryEditor={this.props.queryEditor}
@@ -202,7 +207,12 @@ class SqlEditor extends React.PureComponent {
               />
             </Col>
           </Collapse>
-          <Col md={this.props.hideLeftBar ? 12 : 9}>
+          <Col
+              xs={this.props.hideLeftBar ? 12 : 6}
+              sm={this.props.hideLeftBar ? 12 : 7}
+              md={this.props.hideLeftBar ? 12 : 8}
+              lg={this.props.hideLeftBar ? 12 : 9}
+          >
             <AceEditorWrapper
               actions={this.props.actions}
               onBlur={this.setQueryEditorSql.bind(this)}

From 12c78913cf83943c433317e6c29a418f535b3187 Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Wed, 10 May 2017 11:21:38 -0700
Subject: [PATCH 2/2] Lint

---
 .../assets/javascripts/SqlLab/components/SqlEditor.jsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
index 5565458fa68e..f96d7882f7c3 100644
--- a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
+++ b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
@@ -208,10 +208,10 @@ class SqlEditor extends React.PureComponent {
             </Col>
           </Collapse>
           <Col
-              xs={this.props.hideLeftBar ? 12 : 6}
-              sm={this.props.hideLeftBar ? 12 : 7}
-              md={this.props.hideLeftBar ? 12 : 8}
-              lg={this.props.hideLeftBar ? 12 : 9}
+            xs={this.props.hideLeftBar ? 12 : 6}
+            sm={this.props.hideLeftBar ? 12 : 7}
+            md={this.props.hideLeftBar ? 12 : 8}
+            lg={this.props.hideLeftBar ? 12 : 9}
           >
             <AceEditorWrapper
               actions={this.props.actions}