input borders

resources/frontend_client/app/css/query_builder.css

@@ -65,11 +65,14 @@
     align-items: center;
 }
 
+.Filter-section {
+    display: flex;
+    align-items: center;
+}
+
 .Query-filter .input {
-    padding: 0;
     border-radius: 0;
-    padding: 0.5rem;
-    border-color: transparent;
+    border-color: var(--selection-color);
 }
 
 .Query-filter .Icon-close {

resources/frontend_client/app/query_builder/filter_widget.react.js

@@ -254,7 +254,7 @@ export default React.createClass({
                         default:
                             valueHtml = (
                                 <input
-                                    className="input"
+                                    className="input p1 lg-p2"
                                     type="text"
                                     value={filterValue}
                                     onChange={this.setTextValue.bind(null, filterIndex)}