From f55df3b18b67ff58d5ad3f6f12f7fe76e9697084 Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Thu, 11 May 2017 08:24:08 -0700
Subject: [PATCH] [sql lab] fix responsivity of grid (#2742)

* [sql lab] fix responsivity of grid

* Lint
---
 .../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 3da8050f2bc..f96d7882f7c 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)}