From 8b25175b9c31c35b84fd6afaf65591611d7f84ee Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidjcralph.co.uk>
Date: Sat, 28 Aug 2021 16:59:09 +0100
Subject: [PATCH] fix: search dropdown css

---
 src/components/widgets/search/Search.jsx  | 12 ++++++------
 src/components/widgets/search/search.scss |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/widgets/search/Search.jsx b/src/components/widgets/search/Search.jsx
index 2be628f3..95b07000 100644
--- a/src/components/widgets/search/Search.jsx
+++ b/src/components/widgets/search/Search.jsx
@@ -22,7 +22,7 @@ export default class Search extends PureComponent {
       autocompleteCallback: '',
       microphone: null,
       suggestions: [],
-      searchDropdown: 'none'
+      searchDropdown: 'hidden'
     };
     this.language = window.language.widgets.search;
   }
@@ -119,13 +119,13 @@ export default class Search extends PureComponent {
   }
 
   toggleDropdown() {
-    if (this.state.searchDropdown === 'none') {
+    if (this.state.searchDropdown === 'hidden') {
       this.setState({
-        searchDropdown: 'block'
+        searchDropdown: 'visible'
       });
     } else {
       this.setState({
-        searchDropdown: 'none'
+        searchDropdown: 'hidden'
       });
     }
   }
@@ -150,7 +150,7 @@ export default class Search extends PureComponent {
       url,
       query,
       currentSearch: name,
-      searchDropdown: 'none'
+      searchDropdown: 'hidden'
     });
   }
 
@@ -176,7 +176,7 @@ export default class Search extends PureComponent {
         {localStorage.getItem('searchDropdown') === 'true' ? 
         <div className='searchDropdown'>
           <span className='searchSelected' onClick={() => this.toggleDropdown()}>{this.state.currentSearch}</span>
-          <div style={{ display: this.state.searchDropdown }}>
+          <div style={{ visibility: this.state.searchDropdown }}>
             {searchEngines.map((engine) => {
               if (engine.name === this.state.currentSearch) {
                 return null;
diff --git a/src/components/widgets/search/search.scss b/src/components/widgets/search/search.scss
index c9070224..2a06a7c3 100644
--- a/src/components/widgets/search/search.scss
+++ b/src/components/widgets/search/search.scss
@@ -51,6 +51,7 @@
 
 .searchDropdown {
   display: inline-block;
+  margin-top: 10px;
   font-size: calc(5px + 1.2vmin);
 
   .searchSelected {