re meta#300 svg-piler

src/components/Article.vue

@@ -28,7 +28,7 @@
       </section>
       <div class="fade">
         <router-link :to="link_to_self.ref" @click.native="details_click(link_to_self)">
-          Velg →
+          Velg <img class="nav_arrow" src="../assets/arrow_right.svg">
         </router-link>
       </div>
     </div>
@@ -167,4 +167,8 @@ ul li.definition {
   list-style: disc;
 }
 
+.fade .nav_arrow {
+  vertical-align: sub;
+}
+
 </style>

src/components/DictionaryView.vue

@@ -43,7 +43,7 @@
     <div id="single_article_container" v-if="article">
         <div class="return_to_results" v-if="search_results">
           <router-link :to="article.source" @click.native="return_to_results()">
-            ← Tilbake til søkeresultater
+            <img class="nav_arrow" src="../assets/arrow_left.svg"> Tilbake til søkeresultater
           </router-link>
         </div>
       <Article :key="article_key" :article="article" @article-click="article_link_click" />
@@ -357,4 +357,12 @@ li.suggestion {
   color: white;
 }
 
+.return_to_results {
+  display: table-cell;
+}
+
+.nav_arrow {
+  vertical-align: middle;
+}
+
 </style>

src/components/SearchResults.vue

@@ -98,7 +98,7 @@ export default {
   }
 
   #search_results .article_content.xs > .fade, #search_results .article_content.sm  > .fade {
-    display: block;
+    display: inline-block;
     text-align: right;
     font-size: 20px;
     font-weight: bold;