tweak settings dialog

src/components/Autocomplete.vue

@@ -50,17 +50,16 @@
             <v-list-item-title >{{ item.label }}</v-list-item-title>
           </v-list-item>
         </v-list>
-        </v-menu>
-      
-        <v-dialog max-width="600px" v-model="settings_dialog"
-        :close-on-content-click="false" origin="bottom">
+        </v-menu><v-divider vertical/>
+        <v-dialog max-width="800px" v-model="settings_dialog" hide-overlay
+        :close-on-content-click="false" origin="bottom" >
           <template v-slot:activator="{ on, attrs }">
             <v-btn v-bind="attrs" v-on="on" min-width="0px" class = "search-field-button" plain depressed color = "primary" text><span v-if="$vuetify.breakpoint.mdAndUp"></span><v-icon>more_vert</v-icon></v-btn>
           </template>
           <v-card>
-            <v-toolbar dark color="primary" title="Instillinger">
+            <v-toolbar dark color="primary">
               <v-toolbar-title>Instillinger</v-toolbar-title><v-spacer></v-spacer>
-                          <v-toolbar-items>
+              <v-toolbar-items>
               <v-btn
                 dark
                 text
@@ -76,11 +75,9 @@
                 Lukk
               </v-btn>
             </v-toolbar-items>
-            <v-spacer></v-spacer>
-
             </v-toolbar>
-            <v-row>
-              <v-col>
+            <v-container><v-row><v-col>
+
               <v-checkbox
                 v-model="$parent.settings.show_pos_select"
                 label="Vis valg av ordklasse"
@@ -96,8 +93,8 @@
                 label="Vis radioknapper"
                 hide-details
               ></v-checkbox>
-              </v-col>
-              </v-row>
+             </v-col> </v-row>
+            </v-container>
           </v-card>
           
         </v-dialog>