re meta#288 tweaket header

src/App.vue

 <template>
   <v-app id="app">
     <header>
-      <h1><a href="/">Ordbøkene <span class="beta">(BETA)</span></a></h1>
-      <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p>
+    <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p>
+      <h1><a href="/">Ordbøkene</a></h1>
+      <div class="beta">Beta</div>
       <p class="sub-title"><router-link to="/">Bokmålsordboka | Nynorskordboka – rett norsk</router-link></p>
     </header>
-    <router-view :uggabuga="1"></router-view>
+    <router-view></router-view>
     <footer>
       <div>
         <img id="srlogo" src="./assets/Sprakradet_logo_neg.png" alt="">
@@ -67,7 +68,10 @@ header > p > a {
   text-decoration: none;
 }
 
-span.beta {
+.beta {
+  position: absolute;
+  top: 2px;
+  font-size: 20px;
   color: #BBBBBB;
 }
 
@@ -79,6 +83,7 @@ p.about-link > a{
 }
 
 header,  footer {
+  position: relative;
   padding-left: calc((100vw - 1000px) / 2);
   padding-right: calc((100vw - 1000px) / 2);
 }
@@ -90,7 +95,7 @@ header {
 }
 
 .sub-title {
-  font-size: 20px;
+  font-size: 14px;
   margin: 0px;
 }