diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue index de4dd724c0338c5715b40bd8b5cbb8c2a470bfae..68749529c970fb049f3cffcd7a0e8ccc614328c1 100644 --- a/src/components/DictionaryView.vue +++ b/src/components/DictionaryView.vue @@ -80,9 +80,12 @@ <article v-if="similar && similar.length" :class="'v-sheet v-card rounded-xl did_you_mean ' + $vuetify.breakpoint.name"> <span class="dict-label">Mente du:</span> <v-list> - <v-list-item v-for="(item, index) in similar" :key="index"> - <router-link :to="generate_path(item[0])" @click.native="suggestion_link(item[0])">{{item[0]}}</router-link><span v-if="lang=='bm,nn'" > <em>({{["bm","nn","bm, nn"][item[1]-1]}})</em></span> + <template v-for="(item, index) in similar"> + <v-list-item :key="index"> + <router-link :to="generate_path(item[0])" @click.native="suggestion_link(item[0])">{{item[0]}}</router-link> + <span class="dict_label" v-if="lang=='bm,nn'">{{["bokmål","nynorsk","bokmål, nynorsk"][item[1]-1]}}</span> </v-list-item> + </template> </v-list> </article> @@ -734,5 +737,9 @@ li.suggestion { max-width: 40%; } +.dict_label { + font-style: italic; +} + </style>