From 2e94d968fb82fba507999e48786b805e2f5a9d04 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Wed, 24 Nov 2021 16:04:21 +0100
Subject: [PATCH] style menu

---
 src/components/Menu.vue | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index a473b930..3117a96e 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -3,24 +3,24 @@
             <v-toolbar dark color="primary">
               <v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer>
               <v-toolbar-items>
-              <v-btn
-                dark
-                text
-                @click="$emit('close')"
-              >
-                Tilbakestill
-              </v-btn>
-                            <v-btn
-                dark
-                text
-                @click="$emit('close')"
+
+                <v-btn
+                    @click="$emit('close')"
+                    dark
+                    icon
               >
-                Lukk
+                <v-icon>close</v-icon>
               </v-btn>
             </v-toolbar-items>
             </v-toolbar>
-            <v-container fluid><v-row align="center" justify="space-between">
-                <v-col><v-subheader>Visningsspråk</v-subheader>
+              <v-card-text>
+                <v-list subheader>
+                  <v-subheader>Hjelp og informasjon</v-subheader>
+                <v-btn text to="/om">Om ordbøkene<v-icon>chevron_right</v-icon></v-btn>
+                </v-list>
+                <v-list subheader>
+
+                <v-subheader>Visningsspråk</v-subheader>
                 <v-select rounded 
                           :value="$store.state.currentLocale"
                           @input="changeLocale"
@@ -28,9 +28,11 @@
                           outlined
                           :items="locales"
                           dense>
-                    </v-select></v-col>
-                </v-row><v-row align="center"><v-col>
-
+                    </v-select>
+                </v-list>
+              <v-divider></v-divider>
+              <v-list three-line subheader>
+                <v-subheader>Instillinger</v-subheader>
               <v-checkbox
                 v-model="toggleSearchToolbar"
                 label="Vis verktøylinje for søkealternativer"
-- 
GitLab