prevent search bar buttons from opening dropdown. Add toolbar

src/components/Autocomplete.vue

@@ -28,7 +28,8 @@
         
         <v-menu allowOverflow: true>
         <template v-slot:activator="{ on, attrs }">
-        <v-btn min-width="0px" v-bind="attrs" v-on="on" plain depressed color = "primary" text><span v-if="!$vuetify.breakpoint.mobile">
+        <v-btn min-width="0px" v-bind="attrs" v-on="on" plain depressed color = "primary" text @click.native="items=[]">
+          <span v-if="!$vuetify.breakpoint.mobile">
           {{$t(`dicts.${$parent.lang}`)}}
           </span><span v-if="$vuetify.breakpoint.mobile">{{$parent.lang}}</span><v-icon>expand_more</v-icon></v-btn>
                 </template>
@@ -44,8 +45,31 @@
                 <v-dialog max-width="1200" width="1200" v-model="menuDialog" hide-overlay :fullscreen="$vuetify.breakpoint.mobile"
         :close-on-content-click="false" transition="dialog-top-transition">
           <template v-slot:activator="{ on, attrs }">
-            <v-btn :aria-label="$t('menu.title')" v-bind="attrs" v-on="on" min-width="0px" class = "search-field-button" plain depressed color = "primary" text><span v-if="!$vuetify.breakpoint.mobile"></span><v-icon>more_vert</v-icon></v-btn>
+            <v-btn @click.native="items=[]"
+                   :aria-label="$t('menu.title')" 
+                   v-bind="attrs"
+                   v-on="on"
+                   min-width="0px" 
+                   class = "search-field-button" 
+                   plain 
+                   depressed 
+                   color = "primary" 
+                   text>
+              <span v-if="!$vuetify.breakpoint.mobile"></span><v-icon>more_vert</v-icon></v-btn>
           </template>
+                      <v-toolbar v-if="!$vuetify.breakpoint.mobile" dense dark color="primary">
+              <v-toolbar-title>{{$t('menu.title')}}</v-toolbar-title><v-spacer></v-spacer>
+              <v-toolbar-items><v-divider vertical/>
+
+                <v-btn
+                    @click="menuDialog=false"
+                    dark
+                    text
+              >{{$t("close")}}
+                <v-icon right>close</v-icon>
+              </v-btn>
+            </v-toolbar-items>
+            </v-toolbar>
         <Menu @close="menuDialog=false"/>
                 </v-dialog>
       </template>