re meta#259

src/components/Article.vue

@@ -57,6 +57,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style>
 article {
+  position: relative;
   padding: 10px;
   margin: 10px;
   border-radius: 10px;

src/components/Header.vue

@@ -16,6 +16,7 @@
           </div>
         </div>
       </details>
+      <span class="dict-label">{{dict_label}}</span>
   </div>
 </template>
 
@@ -42,6 +43,12 @@ export default {
     article_id: Number
   },
   computed: {
+    dict_label: function() {
+      return {
+        'bob': 'BOKMÅL',
+        'nob': 'NYNORSK'
+      }[this.dictionary]
+    },
     group_list: function() {
       return helpers.group_list(this.lemmas)
     },
@@ -89,18 +96,27 @@ export default {
 
 </script>
 
-<style >
+<style scoped>
 
 summary {
   width: 30em;
 }
 
+h1 {
+  padding-top: 7px;
+}
+
 .word-classification {
   text-decoration: underline dashed;
 }
 
-h1.article_header {
-  display: inline;
+.dict-label {
+  color: #560027;
+  font-weigth: bold;
+  padding-left: 5px;
+  position: absolute;
+  top: 0px;
+  font-variant-caps: all-small-caps;
 }
 
 details > summary {