From c19199c2fbb29c6c9d4c4df47382af0b3e7b2976 Mon Sep 17 00:00:00 2001
From: Arik Fraimovich <arik@arikfr.com>
Date: Thu, 4 Oct 2018 12:34:03 +0300
Subject: [PATCH] Add margin between format  and autocomplete buttons (#2899)

---
 client/app/components/QueryEditor.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/app/components/QueryEditor.jsx b/client/app/components/QueryEditor.jsx
index 1976de535..abd5ff305 100644
--- a/client/app/components/QueryEditor.jsx
+++ b/client/app/components/QueryEditor.jsx
@@ -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>