[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 { } else {
button = syncBtn; button = syncBtn;
} }
return button;
return (
<div className="inline m-r-5 pull-left">
{button}
</div>
);
} }
RunQueryActionButton.propTypes = propTypes; RunQueryActionButton.propTypes = propTypes;

View File

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

View File

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