finere språk-knapper

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>