From 6cb67017a555e0be5df2c10dc574e08314d96df0 Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Fri, 11 Sep 2020 23:27:25 -0700
Subject: [PATCH] style: white toolbar for SQL Lab (#10851)

---
 superset-frontend/src/SqlLab/components/SqlEditor.jsx           | 1 +
 .../src/SqlLab/components/TemplateParamsEditor.jsx              | 2 +-
 superset-frontend/src/SqlLab/main.less                          | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/SqlLab/components/SqlEditor.jsx b/superset-frontend/src/SqlLab/components/SqlEditor.jsx
index 4496aab63..6964d7003 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditor.jsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditor.jsx
@@ -534,6 +534,7 @@ class SqlEditor extends React.PureComponent {
         <div className="rightItems">
           <Button
             className="autocomplete"
+            buttonSize="small"
             onClick={this.handleToggleAutocompleteEnabled}
           >
             <Checkbox checked={this.state.autocompleteEnabled} />{' '}
diff --git a/superset-frontend/src/SqlLab/components/TemplateParamsEditor.jsx b/superset-frontend/src/SqlLab/components/TemplateParamsEditor.jsx
index 1993ec619..85ea0cebf 100644
--- a/superset-frontend/src/SqlLab/components/TemplateParamsEditor.jsx
+++ b/superset-frontend/src/SqlLab/components/TemplateParamsEditor.jsx
@@ -123,7 +123,7 @@ export default class TemplateParamsEditor extends React.Component {
       <ModalTrigger
         modalTitle={t('Template Parameters')}
         triggerNode={
-          <Button tooltip={t('Edit template parameters')}>
+          <Button tooltip={t('Edit template parameters')} buttonSize="small">
             {`${t('parameters')} `}
             {paramCount > 0 && <Badge>{paramCount}</Badge>}
             {!this.state.isValid && (
diff --git a/superset-frontend/src/SqlLab/main.less b/superset-frontend/src/SqlLab/main.less
index df1c49394..8f259f9f6 100644
--- a/superset-frontend/src/SqlLab/main.less
+++ b/superset-frontend/src/SqlLab/main.less
@@ -134,7 +134,7 @@ div.Workspace {
 
 .sql-toolbar {
   padding: 10px 10px 5px 10px;
-  background-color: @gray-bg;
+  background-color: @lightest;
   display: flex;
   justify-content: space-between;
   border: 1px solid @gray-light;