From be8e476b2e1562f80363eea31e1cdac6853970c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Fri, 19 Mar 2021 10:09:15 +0100
Subject: [PATCH] re meta#300 svg-piler

---
 src/components/Article.vue        |  6 +++++-
 src/components/DictionaryView.vue | 10 +++++++++-
 src/components/SearchResults.vue  |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/Article.vue b/src/components/Article.vue
index 8643d75f..20412e9b 100644
--- a/src/components/Article.vue
+++ b/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>
diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue
index 8bcf9da4..a6a8fab6 100644
--- a/src/components/DictionaryView.vue
+++ b/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>
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 5742535c..4046a98f 100644
--- a/src/components/SearchResults.vue
+++ b/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;
-- 
GitLab