From 2fb881331a2b3376f59939472f30642c6eb8ecc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Tue, 4 Aug 2020 13:18:33 +0200
Subject: [PATCH] ny header og farger

---
 src/App.vue | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a710f74..dd68cd8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <main id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
     <header>
+      <span class="top">EID AV UNIVERSITETET I BERGEN OG SPRÃ…KRÃ…DET</span>
+      <p class="mission-statement">Bokmålsordboka og Nynorskordboka er dei einaste fritt tilgjengelege ordbøkene som gjer svar på korleis ord skal skrivast og bøyast
+      i norsk i tråd med gjeldande rettskriving.</p>
       <autocomplete :debounceTime="100" :auto-select="true" :search="search"  @submit="select_result" placeholder="søk..." ref="search">
         <template #result="{result, props}">
           <Preview v-bind="props" :searchHit="result">
@@ -168,9 +170,29 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
-  margin-top: 60px;
-  margin-left: 500px;
-  margin-right: 300px;
+}
+
+body {
+  margin: 0px;
+}
+
+main {
+  padding-top: 60px;
+  padding-left: 500px;
+  padding-right: 500px;
+  background-color: #FDF4F5;
+}
+
+.top {
+  color: #560027;
+  font-weight: bold;
+  font-size: smaller;
+  border-bottom: solid;
+  border-color: #BC477B;
+}
+
+.mission-statement {
+  font-size: 24px;
 }
 
 .show {
@@ -183,6 +205,8 @@ export default {
 
 .autocomplete {
   width: 25em;
+  border-bottom: solid  #BC477B;
+  border-radius: 0px;
 }
 
 .autocomplete-result-list {
-- 
GitLab