re meta#300 mer luft

src/App.vue

 <template>
   <v-app id="app">
     <header>
-    <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p>
+    <div class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></div>
       <h1><a :class="$vuetify.breakpoint.name" href="/">Ordbøkene</a></h1>
       <div class="beta">Beta</div>
       <p class="sub-title"><router-link to="/">Bokmålsordboka og Nynorskordboka</router-link></p>
@@ -58,6 +58,7 @@ a {
 h1 {
   font-family: Inria Serif;
   color: var(--v-primary-base);
+  padding-left: 15px;
 }
 
 h1 > a.xs, h1 > a.sm {
@@ -71,14 +72,14 @@ header > h1 > a {
   margin: 0px;
 }
 
-p.about-link {
+.about-link {
   text-align: right;
-  margin: 0px;
+  margin-right: 15px;
   float: right;
 }
 
 header > p {
-  padding: 3px;
+  padding: 15px;
 }
 
 .beta {
@@ -86,9 +87,10 @@ header > p {
   top: 2px;
   font-size: 20px;
   color: #BBBBBB;
+  padding-left: 15px;
 }
 
-p.about-link > a{
+.about-link > a{
   text-decoration: none;
   border-bottom: solid var(--v-primary-base) 2px;
   font-size: 12px;

src/components/Autocomplete.vue

@@ -110,7 +110,7 @@
 
   .autocomplete-container {
     max-width: 520px;
-    padding-left: 3px;
+    padding-left: 15px;
   }
 
   .autocomplete-container.sm {

src/components/DictionaryView.vue

@@ -340,7 +340,7 @@ div.monthly article.nob .dict-label::before {
 }
 
 .lang_select_container {
-  padding-left: 3px;
+  padding-left: 15px;
 }
 
 li.suggestion {