[sql lab] minor cosmetic touchups on Run / Save buttons (#3850)

This commit is contained in:
Maxime Beauchemin 2017-11-13 12:39:28 -08:00 committed by Grace Guo
parent 068c343be0
commit 514f9452f3
3 changed files with 21 additions and 25 deletions

View File

@ -65,12 +65,7 @@ export default function RunQueryActionButton(props) {
} else {
button = syncBtn;
}
return (
<div className="inline m-r-5 pull-left">
{button}
</div>
);
return button;
}
RunQueryActionButton.propTypes = propTypes;

View File

@ -165,21 +165,26 @@ class SqlEditor extends React.PureComponent {
<div className="sql-toolbar clearfix" id="js-sql-toolbar">
<div className="pull-left">
<Form inline>
<RunQueryActionButton
allowAsync={this.props.database ? this.props.database.allow_run_async : false}
dbId={qe.dbId}
queryState={this.props.latestQuery && this.props.latestQuery.state}
runQuery={this.runQuery.bind(this)}
selectedText={qe.selectedText}
stopQuery={this.stopQuery.bind(this)}
/>
<SaveQuery
defaultLabel={qe.title}
sql={qe.sql}
onSave={this.props.actions.saveQuery}
schema={qe.schema}
dbId={qe.dbId}
/>
<span className="m-r-5">
<RunQueryActionButton
allowAsync={this.props.database ? this.props.database.allow_run_async : false}
dbId={qe.dbId}
queryState={this.props.latestQuery && this.props.latestQuery.state}
runQuery={this.runQuery.bind(this)}
selectedText={qe.selectedText}
stopQuery={this.stopQuery.bind(this)}
/>
</span>
<span className="m-r-5">
<SaveQuery
defaultLabel={qe.title}
sql={qe.sql}
className="m-r-5"
onSave={this.props.actions.saveQuery}
schema={qe.schema}
dbId={qe.dbId}
/>
</span>
{ctasControls}
</Form>
</div>

View File

@ -32,10 +32,6 @@ input.form-control {
background-color: white;
}
input.form-control.input-sm {
height: 36px;
}
.chart-header a.danger {
color: red;
}