diff --git a/src/components/Article.vue b/src/components/Article.vue index da890b0172b42c3297f034df56e7d2aaf9b5143f..8c712a33ef1371cd7e51f4abb571f883bafbef14 100644 --- a/src/components/Article.vue +++ b/src/components/Article.vue @@ -28,8 +28,8 @@ </section> <div class="fade"> <router-link class="choose" :to="link_to_self.ref" @click.native="details_click(link_to_self)"> - {{$t("choose")}} <v-icon color="primary" right>chevron_right</v-icon> - </router-link> + <v-btn x-large text> + {{$t("choose")}} <v-icon color="primary" right>chevron_right</v-icon></v-btn></router-link> </div> </div> <ArticleFooter :article="article"/> @@ -223,8 +223,13 @@ ul li.definition { .choose { color: var(--v-primary-base) !important; text-decoration: none; + position: relative; + top: 25px; + left: 20px; } + + .info-card { padding: 12px; } diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue index ea3b7d01f066fcc954d8cd555cb6d1e6d7989560..cae3211f849e585ffccec1d53d0b4437e7b003d4 100644 --- a/src/components/DictionaryView.vue +++ b/src/components/DictionaryView.vue @@ -17,10 +17,10 @@ <v-progress-circular indeterminate color="secondary" size="120"></v-progress-circular> </div> <div id="single_article_container" v-if="article"> - <div class="return_to_results" v-if="total_results"> - <router-link :to="article.source" @click.native="return_to_results()"> - <v-icon left class="nav_arrow">chevron_left</v-icon>{{$t("back_to_results")}} - </router-link> + <div class="return_to_results" v-if="total_results && article.source"> + <v-btn :to="article.source" @click.native="return_to_results()" text> + <v-icon left class="nav_arrow">chevron_left</v-icon>{{$t("back_to_results")}}</v-btn> + </div> <Article :key="article_key" :article="article" @article-click="article_link_click" /> </div> @@ -457,6 +457,7 @@ div.welcome article { .search_container { background-color: var(--v-tertiary-base); padding-top: 1px; + padding-bottom: 10px; } #spinner { diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue index 55962cff3c6df9200fe0f1eb6fb71f3c5baece34..5e4189c1d8f3203e78d835f0dfed92560d2eea52 100644 --- a/src/components/SearchResults.vue +++ b/src/components/SearchResults.vue @@ -135,12 +135,10 @@ export default { #search_results .article_content.xs > .fade, #search_results .article_content.sm > .fade { display: inline-block; text-align: right; - font-size: 20px; + vertical-align: text-bottom; font-weight: bold; - color: var(--v-primary-base); - padding-top: 30px; width:100%; - height:60px; + height:100%; position:absolute; left:0; top:0px;