diff --git a/src/App.vue b/src/App.vue index dd68cd88a71cfaac3d19bcdbbe7cdfea04308ae3..9b98970ed954a07c418e700171d2a2a22cb52110 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,13 +10,14 @@ </Preview> </template> </autocomplete> + <span class="lang-select-intro">VIS ORDET PÅ</span> <input type="radio" id="radio_both" value="nob,nno" v-model="lang"> <label for="radio_both">Begge</label> <input type="radio" id="radio_nob" value="nob" v-model="lang"> <label for="radio_nob">Bokmål</label> <input type="radio" id="radio_nno" value="nno" v-model="lang"> <label for="radio_nno">Nynorsk</label> - ----- + - <input type="radio" id="radio_norsk" value="norsk_ordbok" v-model="lang"> <label for="radio_norsk">Norsk Ordbok</label> </header> @@ -207,9 +208,31 @@ main { width: 25em; border-bottom: solid #BC477B; border-radius: 0px; + margin-bottom: 8px; } .autocomplete-result-list { max-height: 500px; } + +input[type=radio] { + display: none; +} + +input[type=radio]:checked + label { + font-weight: bold; + border: solid 1px #560027; +} + +label { + margin: 4px 4px 4px 8px; + border-radius: 4px; + padding: 2px 8px 2px 8px; + background-color: #DDDDDD +} + +.lang-select-intro { + font-size: smaller; + font-weight: bold; +} </style>