diff --git a/app/assets/javascripts/discourse/widgets/search-menu.js.es6 b/app/assets/javascripts/discourse/widgets/search-menu.js.es6 index b5c0f840f3..31df484fe0 100644 --- a/app/assets/javascripts/discourse/widgets/search-menu.js.es6 +++ b/app/assets/javascripts/discourse/widgets/search-menu.js.es6 @@ -115,26 +115,29 @@ export default createWidget('search-menu', { panelContents() { const contextEnabled = searchData.contextEnabled; - const results = [ + let searchInput = [ this.attach('search-term', { value: searchData.term, contextEnabled }), + ]; + if (searchData.term && searchData.loading) { + searchInput.push(h('div.searching', h('div.spinner'))); + } + + const results = [ + h('div.search-input', searchInput), this.attach('search-context', { contextEnabled, url: this.fullSearchUrl({ expanded: true }) }) ]; - if (searchData.term) { - if (searchData.loading) { - results.push(h('div.searching', h('div.spinner'))); - } else { - results.push(this.attach('search-menu-results', { - term: searchData.term, - noResults: searchData.noResults, - results: searchData.results, - invalidTerm: searchData.invalidTerm, - searchContextEnabled: searchData.contextEnabled, - })); - } + if (searchData.term && !searchData.loading) { + results.push(this.attach('search-menu-results', { + term: searchData.term, + noResults: searchData.noResults, + results: searchData.results, + invalidTerm: searchData.invalidTerm, + searchContextEnabled: searchData.contextEnabled, + })); } return results; diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss index 10d2de5b67..8af8e30e60 100644 --- a/app/assets/stylesheets/common/base/menu-panel.scss +++ b/app/assets/stylesheets/common/base/menu-panel.scss @@ -129,13 +129,9 @@ .searching { position: absolute; + top: 0.25em; + right: 1.5em; - top: -3px; - right: 0.75em; - .drop-down-visible & { - top: 0.2em; - right: 1.2em; - } .spinner { width: 10px; height: 10px;