back to results button on about page

src/components/About.vue

 <template id="">
   <main tabindex="-1" ref="main" id="main">
+
     <div class='about' :class="$vuetify.breakpoint.name">
+		<div id="return_to_results" v-if="$store.state.searchRoute && $route.name == 'about'">
+        <router-link id="return_link"
+                     :to="$store.state.searchRoute">
+          <v-icon left
+                  class="nav_arrow">chevron_left</v-icon>{{$t("notifications.back")}}
+        </router-link>
+      </div>
     <div class="article" v-if="$store.state.currentLocale == 'eng'">
       <h1> About </h1>
      <p>This is the website for the two Norwegian standard dictionaries <em>Bokmålsordboka</em> and <em>Nynorskordboka</em>. The website is still under development, so some features may not yet be in place. The content of the dictionaries is undergoing revision, and the editorial staff continuously publishes new word-articles, or articles which have been revised and quality checked.</p>
@@ -1609,7 +1617,7 @@ export default {
 <style scoped>
 
 main {
-  background-color: white;
+  background-color: var(--v-tertiary-base);
 
 }
 

src/components/TopBar.vue

@@ -9,15 +9,14 @@
       
 
       <v-toolbar-items>
-          <v-btn v-if="!$store.state.localeChosen" id="locale_button" 
+        <v-divider vertical />
+          <v-btn id="locale_button" 
              aria-haspopup="dialog"
              aria-label="Locale | Visningsspråk" 
              icon @click.native="chooseLocale = !chooseLocale">
           <v-icon>language</v-icon></v-btn>
-         <v-divider v-if="!$store.state.localeChosen" vertical />
-
+         <v-divider vertical />
       <v-btn id="top_menu" 
-             v-if="$route.name != 'about'"
              :aria-expanded="menuOpen? 'true' : 'false'"
              aria-haspopup="dialog"
              width="96px" 
@@ -25,7 +24,6 @@
              text @click.native="menuOpen = !menuOpen">
          <span id="menu_label">{{$t('menu.title')}}</span><v-icon right>{{menuOpen? 'close' : 'menu'}}</v-icon></v-btn>
         
-        <v-btn v-if="$route.name == 'about'" text @click.native="back">{{$t('close')}}<v-icon right>close</v-icon></v-btn>
         </v-toolbar-items>
         <v-divider vertical/>
         </v-app-bar>
@@ -77,11 +75,6 @@ export default {
         chooseLocale: false
       }
     },
-    beforeRouteEnter(to, from, next) {
-    next(vm => {
-      vm._backRoute = from.path
-    })
-    },
     computed: {
       menuOpen: {
         get() {
@@ -97,8 +90,10 @@ export default {
         this.$router.push('/')
       },
       back: function() {
+        console.log(window.history)
         if (this._backRoute) {
-          this.$router.go(-1)
+          
+          //this.$router.go(-1)
           } else {
             this.$router.push('/')
             
@@ -116,7 +111,7 @@ export default {
 }
 </script>
 
-<style>
+<style >
 
 .dialogMenu {
   margin: 0px !important;
@@ -125,11 +120,18 @@ export default {
 }
 
 
-.v-app-bar-title a {
+.top-bar a {
   text-decoration: none;
   color: white !important;
 
 }
 
+.top-bar .return_link {
+  margin: 10px;
+
+}
+
+
+
  
 </style>
\ No newline at end of file