Search form enhancement 1

css/_search.less

@@ -179,6 +179,44 @@
         text-align: left;
         display: none;
 
+        &.is-open {
+            display: block;
+        }
+
+        &.is-loading {
+            opacity: .9;
+        }
+
+        ul.search-suggestions {
+            list-style: none;
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+
+        ul.search-suggestions li {
+            margin: 0;
+            padding: 0;
+            display: block !important;
+        }
+
+        ul.search-suggestions li a {
+            display: block;
+            padding: .15em .25em;
+        }
+
+        ul.search-suggestions li.is-active > a,
+        ul.search-suggestions li a:focus {
+            background-color: __highlight__;
+            color: @ini_text;
+            outline: none;
+        }
+
+        ul.search-suggestions li.is-loading,
+        ul.search-suggestions li.is-empty {
+            padding: .15em .25em;
+            color: @ini_text_alt;
+        }
+
         strong {
             display: block;
             margin-bottom: .3em;

css/mobile.less

@@ -243,6 +243,10 @@ body {
     display: none !important;
 }
 
+#dokuwiki__sitetools form.search div.ajax_qsearch.is-open {
+    display: block !important;
+}
+
 /* action dropdown is alternative for all hidden tools */
 #dokuwiki__header .mobileTools {
     display: block;