re meta#192 bakgrunnsbilde, mindre luft på toppen

src/App.vue

 <template>
-  <main id="app">
-    <header>
-      <h1><a href="/">Ordbøkene</a></h1>
-      <p class="about-link"><a href="#">OM ORDBØKENE</a></p>
-      <p class="sub-title"><a href="/">Bokmål- og Nynorskordboka</a></p>
-      <p class="mission-statement"><a href="/">Skrivemåte og bøying i tråd med norsk rettskriving </a></p>
-    </header>
-    <div class="search_container">
-      <autocomplete :debounceTime="100" :auto-select="true" :search="search"  @submit="select_result" placeholder="søk..." ref="search">
-        <template #result="{result, props}">
-          <li class="suggestion" v-bind="props">{{result.label}}</li>
-        </template>
-      </autocomplete>
-      <div class="lang_select_container">
-        <select class="lang_select" name="lang"  v-model="lang">
-          <option value="bob,nob">Begge målformer </option>
-          <option value="bob">Bokmål</option>
-          <option value="nob">Nynorsk</option>
-        </select>
+  <div id="app">
+    <main>
+      <header>
+        <h1><a href="/">Ordbøkene</a></h1>
+        <p class="about-link"><a href="#">OM ORDBØKENE</a></p>
+        <p class="sub-title"><a href="/">Bokmål- og Nynorskordboka</a></p>
+        <p class="mission-statement"><a href="/">Skrivemåte og bøying i tråd med norsk rettskriving </a></p>
+      </header>
+      <div class="search_container">
+        <autocomplete :debounceTime="100" :auto-select="true" :search="search"  @submit="select_result" placeholder="søk..." ref="search">
+          <template #result="{result, props}">
+            <li class="suggestion" v-bind="props">{{result.label}}</li>
+          </template>
+        </autocomplete>
+        <div class="lang_select_container">
+          <select class="lang_select" name="lang"  v-model="lang">
+            <option value="bob,nob">Begge målformer </option>
+            <option value="bob">Bokmål</option>
+            <option value="nob">Nynorsk</option>
+          </select>
+        </div>
       </div>
-    </div>
-    <img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" />
-    <SearchResults :hits="search_results" :lang="lang" @article-click="article_link_click" v-show="! waiting" />
-    <div id="single_article_container">
-      <Article :key="article_key" :article="article" @article-click="article_link_click" />
-    </div>
-    <div class="welcome" v-show="! (article.error || article.lemmas.length || search_results.length || waiting)">
-      <p>...
-      </p>
-    </div>
+      <img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" />
+      <SearchResults :hits="search_results" :lang="lang" @article-click="article_link_click" v-show="! waiting" />
+      <div id="single_article_container">
+        <Article :key="article_key" :article="article" @article-click="article_link_click" />
+      </div>
+      <div class="welcome" v-show="! (article.error || article.lemmas.length || search_results.length || waiting)">
+      </div>
+    </main>
     <footer>
       <div>
         <img id="uiblogo" src="./assets/uib-logo.svg" alt="">
@@ -41,7 +41,7 @@
         Språkrådet forvalter rettskrivningen i nynorsk og bokmål.</p>
       </div>
     </footer>
-  </main>
+  </div>
 </template>
 
 <script>
@@ -293,9 +293,10 @@ p.about-link > a{
 }
 
 main {
-  background-image: url('./assets/beta.png');
+  background-image: url('./assets/books.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
+  min-height: 600px;
 }
 
 header, #search_results, #spinner, #single_article_container, footer, div.welcome, div.search_container {
@@ -307,7 +308,7 @@ header, #search_results, #spinner, #single_article_container, footer, div.welcom
 }
 
 header {
-  padding-top: 60px;
+  padding-top: 20px;
   padding-bottom: 20px;
   background-color: #560027;
 }

src/components/Article.vue

@@ -61,6 +61,7 @@ article {
   margin: 10px;
   border-radius: 10px;
   background-color: #FFFFFF;
+  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.5);
 }
 
 h3 {

src/components/SearchResults.vue

@@ -51,6 +51,8 @@ export default {
 <style>
   h2 {
     color: #560027;
+    margin: 0px;
+    padding: 20px 0px 20px 0px;
   }
 
   .hits {