Move search block to widget on small screens

modules/ps_searchbar/ps_searchbar.css

@@ -1,22 +1,28 @@
-#header, #header .header-top {
+#header,
+#header .header-top {
   background-color: white;
 }
 
 #search_widget {
   margin-bottom: .625rem;
-  overflow: auto;
+  z-index: 99;
+  position: relative;
 }
+
 #search_widget form {
   position: relative;
 }
+
 #search_widget form i {
   position: absolute;
   padding: .5rem;
 }
+
 #search_widget form i.clear {
   right: 15px;
   display: none;
 }
+
 #search_widget form input {
   width: 100%;
   padding: 10px 20px 10px 40px;
@@ -32,7 +38,8 @@
   border: none;
 }
 
-.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
+.ui-autocomplete.searchbar-autocomplete li a,
+.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
   padding: 8px 15px;
   overflow: auto;
   border: none;
@@ -70,4 +77,4 @@
   #search_widget {
     min-width: 16.5rem;
   }
-}
+}