diff --git a/src/components/Article.vue b/src/components/Article.vue index 8643d75f8d7c6cf7bb320d7756ad8de9deb29238..20412e9b5c3e08ef0195f1ff9ddefe2cfae1f511 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 8bcf9da4e1764212a32ae5764b7e28c18d27d01b..a6a8fab677bd1d0e7db4e03d477cf2c54ee4ed03 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 5742535cc3f41b6dd9257b047923d7528b03777b..4046a98f82480c4dca1e4ec5764f92ad5af02831 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;