diff --git a/src/App.css b/src/App.css index efa62470a2..51658f4ab6 100644 --- a/src/App.css +++ b/src/App.css @@ -16,7 +16,7 @@ body { } button.execute-btn { - width: 120px; + width: 84px; } .alert.alert-danger { diff --git a/src/ExpressionInput.tsx b/src/ExpressionInput.tsx index 69126f1041..269bca4a00 100644 --- a/src/ExpressionInput.tsx +++ b/src/ExpressionInput.tsx @@ -13,9 +13,9 @@ import fuzzy from 'fuzzy'; import { library } from '@fortawesome/fontawesome-svg-core'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faSearch, faSpinner, faLevelDownAlt } from '@fortawesome/free-solid-svg-icons'; +import { faSearch, faSpinner } from '@fortawesome/free-solid-svg-icons'; -library.add(faSearch, faSpinner, faLevelDownAlt); +library.add(faSearch, faSpinner); interface ExpressionInputProps { value: string; @@ -101,6 +101,12 @@ class ExpressionInput extends Component { {(downshift) => (
+ + + {this.props.loading ? : } + + + { } as any)} /> - - + {this.renderAutosuggest(downshift)}