diff --git a/src/App.vue b/src/App.vue index dfa64dbd99b37c8a318b9197e1bf9803c6914adc..37f357281c14c000e8db8ff039c4825b680df626 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,7 +1,7 @@ <template> <v-app id="app"> <header> - <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p> + <div class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></div> <h1><a :class="$vuetify.breakpoint.name" href="/">Ordbøkene</a></h1> <div class="beta">Beta</div> <p class="sub-title"><router-link to="/">Bokmålsordboka og Nynorskordboka</router-link></p> @@ -58,6 +58,7 @@ a { h1 { font-family: Inria Serif; color: var(--v-primary-base); + padding-left: 15px; } h1 > a.xs, h1 > a.sm { @@ -71,14 +72,14 @@ header > h1 > a { margin: 0px; } -p.about-link { +.about-link { text-align: right; - margin: 0px; + margin-right: 15px; float: right; } header > p { - padding: 3px; + padding: 15px; } .beta { @@ -86,9 +87,10 @@ header > p { top: 2px; font-size: 20px; color: #BBBBBB; + padding-left: 15px; } -p.about-link > a{ +.about-link > a{ text-decoration: none; border-bottom: solid var(--v-primary-base) 2px; font-size: 12px; diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue index 395cc07f2fd5d33f4733a1d8aa78fc0a4e1454e6..9dec73d24f6128c7523e758e73df5acdf9462cb4 100644 --- a/src/components/Autocomplete.vue +++ b/src/components/Autocomplete.vue @@ -110,7 +110,7 @@ .autocomplete-container { max-width: 520px; - padding-left: 3px; + padding-left: 15px; } .autocomplete-container.sm { diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue index a6a8fab677bd1d0e7db4e03d477cf2c54ee4ed03..6b6a12e290cc2cc986ac22453453f5af91174ca1 100644 --- a/src/components/DictionaryView.vue +++ b/src/components/DictionaryView.vue @@ -340,7 +340,7 @@ div.monthly article.nob .dict-label::before { } .lang_select_container { - padding-left: 3px; + padding-left: 15px; } li.suggestion {