Add margin between format and autocomplete buttons (#2899)

This commit is contained in:
Arik Fraimovich
2018-10-04 12:34:03 +03:00
committed by GitHub
parent 1e78861f85
commit c19199c2fb

View File

@@ -195,12 +195,12 @@ class QueryEditor extends React.Component {
<button type="button" className="btn btn-default m-r-5" onClick={this.props.addNewParameter}>&#123;&#123;&nbsp;&#125;&#125;</button>
</Tooltip>
<Tooltip placement="top" title="Format Query">
<button type="button" className="btn btn-default" onClick={this.formatQuery}>
<button type="button" className="btn btn-default m-r-5" onClick={this.formatQuery}>
<span className="zmdi zmdi-format-indent-increase" />
</button>
</Tooltip>
<Tooltip placement="top" title="Autocomplete">
<button className={'btn btn-default' + (this.state.autocompleteQuery ? ' active' : '')} onClick={() => this.setState({ autocompleteQuery: !this.state.autocompleteQuery })} >
<button type="button" className={'btn btn-default' + (this.state.autocompleteQuery ? ' active' : '')} onClick={() => this.setState({ autocompleteQuery: !this.state.autocompleteQuery })} >
<span className="fa fa-magic" />
</button>
</Tooltip>