refactor: search field is moved to the top menu

because results from algolia dropdown were cropped
in sidebar (by sidebar's width)

themes/doc-theme/layouts/partials/menu.html

@@ -6,19 +6,6 @@
   style="overflow-y: hidden; overflow-x: hidden;margin-top:70px;"
 >
 
-  <v-container class="ma-0 pa-0 elevation-1">
-
-    <v-text-field
-      style="width: 100%;"
-      class="grey lighten-5 mt-0  mr-2 pa-3 ma-0 mono algolia-search-field"
-      light
-      hide-details
-      append-icon="search"
-      label="Search"
-    ></v-text-field>
-
-  </v-container>
-
   <div class="fancyScroll pa-0 ma-0" style="overflow-y: scroll; overflow-x: hidden;
       max-height: 100%;" >
 

themes/doc-theme/layouts/partials/toolbar.html

@@ -17,6 +17,15 @@
         {{ .Page.Title }}
     </span>
 
+  <v-text-field
+    style="max-width: 650px"
+    class="ml-3 algolia-search-field"
+    light
+    hide-details
+    label="Search the docs..."
+    solo
+    append-icon="search"
+  ></v-text-field>
 
   <v-spacer></v-spacer>
   {{ if eq .Section "firmwareapi"}}