re meta#300 fikset problem med bakgrunnsbilde som ikke gikk helt ned

src/App.vue

@@ -5,6 +5,9 @@
       <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>
+      <p class="description" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.mdAndUp && ! $route.name">
+          Skrivemåte og bøying i tråd med norsk rettskriving
+      </p>
     </header>
     <router-view></router-view>
     <footer>
@@ -77,6 +80,14 @@ p.about-link {
   float: right;
 }
 
+p.description {
+  font-size: 36px;
+  color: var(--v-primary-base);
+  background-color: var(--v-tertiary-base);
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+
 header > p {
   padding: 3px;
 }

src/components/DictionaryView.vue

 <template>
-  <main>
+  <main :class="(article || waiting || error || (search_results && search_results.length)) ? '' : 'welcome  '">
     <div class="search_container">
-      <p class="description" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.mdAndUp && ! (article || waiting || error || (search_results && search_results.length))">
-          Skrivemåte og bøying i tråd med norsk rettskriving
-      </p>
       <div class="lang_select_container">
         <v-radio-group row v-model="lang">
           <template v-slot:label>
@@ -275,12 +272,19 @@ main {
   background-color: var(--v-tertiary-base);
 }
 
-div.welcome {
+main.welcome {
+  flex-grow: 10;
   background-image: url('../assets/books.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 
+.search_container {
+  background-color: var(--v-tertiary-base);
+  padding-top: 1px;
+  padding-bottom: 10px;
+}
+
 #search_results, #spinner, #single_article_container, div.welcome, div.search_container, .error {
   padding-left: calc((100vw - 1000px) / 2);
   padding-right: calc((100vw - 1000px) / 2);
@@ -290,13 +294,6 @@ div.welcome {
   padding-top: 40px;
 }
 
-p.description {
-  font-size: 36px;
-  color: var(--v-primary-base);
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-
 div.monthly {
   padding: 20px;
   border-radius: 10px;
@@ -320,14 +317,6 @@ div.monthly article.nob .dict-label::before {
   content: "månadens ";
 }
 
-p.description.xs, p.description.sm {
-  display: none;
-}
-
-.search_container {
-  max-width: 1500px;
-}
-
 .v-label span {
   color: var(--v-primary-base);
 }