Adjust posiiton and wrapping of search poopup

css/_search.less

@@ -170,9 +170,12 @@
     /* .JSpopup */
     div.ajax_qsearch {
         position: absolute;
-        top: 0;
+        top: 100%;
-        left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
+        left: 0;
-        width: 12em;
+        right: auto;
+        width: 18em;
+        box-sizing: border-box;
+        margin-top: .2em;
         padding: 0.5em;
         font-size: .9em;
         z-index: 20;
@@ -197,11 +200,17 @@
             margin: 0;
             padding: 0;
             display: block !important;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
         ul.search-suggestions li a {
             display: block;
             padding: .15em .25em;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
         ul.search-suggestions li.is-active > a,
@@ -219,6 +228,9 @@
         ul.search-suggestions li.is-empty {
             padding: .15em .25em;
             color: @ini_text_alt;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
         strong {
@@ -241,6 +253,6 @@
 
 [dir=rtl] .dokuwiki form.search div.ajax_qsearch {
     left: auto;
-    right: -13.5em;
+    right: 0;
     text-align: right;
 }

css/content.less

@@ -183,7 +183,6 @@
 }
 
 .dokuwiki form.search div.ajax_qsearch {
-    top: -.35em;
     font-size: 1em;
     text-overflow: ellipsis;
 }