re meta#256 tester bedre spinner

src/App.vue

@@ -17,7 +17,9 @@
           </select>
         </div>
       </div>
-      <img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" />
+      <div id="spinner">
+        <v-progress-circular indeterminate color="rgb(188, 71, 123)" size="120" v-show="waiting"></v-progress-circular>
+      </div>
       <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" />
@@ -287,6 +289,10 @@ header, #search_results, #spinner, #single_article_container, footer, div.welcom
   padding-right: calc((100vw - 1000px) / 2);
 }
 
+#spinner {
+  padding-top: 40px;  
+}
+
 header {
   padding-top: 20px;
   padding-bottom: 20px;