From 7757732cfecf09972d09dcf1df0886ef333b1a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Wed, 10 Mar 2021 09:40:57 +0100
Subject: [PATCH] re meta#288 tweaket header

---
 src/App.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1a61670d..1dc77d85 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,12 @@
 <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;
 }
 
-- 
GitLab