From 7ca3686725caf05f54a9244eb2650a2497020c6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Wed, 22 Jan 2020 13:21:13 +0100
Subject: [PATCH] Margins

---
 src/ui/Highscore.vue |  6 ++++--
 src/ui/Wines.vue     | 13 ++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/ui/Highscore.vue b/src/ui/Highscore.vue
index 7aa9f62..2e6761e 100644
--- a/src/ui/Highscore.vue
+++ b/src/ui/Highscore.vue
@@ -2,7 +2,9 @@
   <div v-if="highscore.length > 0">
     <h3>Highscore</h3>
     <ol>
-      <li v-for="person in highscore">{{ person.name }} - {{ person.wins.length }}</li>
+      <li v-for="person in highscore">
+        {{ person.name }} - {{ person.wins.length }}
+      </li>
     </ol>
   </div>
 </template>
@@ -28,7 +30,7 @@ export default {
 
 <style lang="scss" scoped>
 div {
-  margin: auto 0;
+  margin: 15px 0 0 0;
   font-family: "knowit";
   display: inline-flex;
   flex-direction: column;
diff --git a/src/ui/Wines.vue b/src/ui/Wines.vue
index cc30462..3ac353c 100644
--- a/src/ui/Wines.vue
+++ b/src/ui/Wines.vue
@@ -3,13 +3,16 @@
     <h3>Viner</h3>
     <ol>
       <li v-for="wine in wines">
-        <span
-          v-if="wine.vivinoLink == '' || wine.vivinoLink == null"
-        >{{ wine.name }} - sett {{ wine.occurences }} ganger, {{ wine.rating }} i rating</span>
+        <span v-if="wine.vivinoLink == '' || wine.vivinoLink == null"
+          >{{ wine.name }} - sett {{ wine.occurences }} ganger,
+          {{ wine.rating }} i rating</span
+        >
         <a
           :href="wine.vivinoLink"
           v-if="wine.vivinoLink != '' && wine.vivinoLink != null"
-        >{{ wine.name }} - sett {{ wine.occurences }} ganger, {{ wine.rating }} i rating</a>
+          >{{ wine.name }} - sett {{ wine.occurences }} ganger,
+          {{ wine.rating }} i rating</a
+        >
       </li>
     </ol>
   </div>
@@ -38,7 +41,7 @@ h3 {
   text-align: center;
 }
 div {
-  margin: auto 0;
+  margin: 15px 0 0 0;
   font-family: "knowit";
   display: inline-flex;
   flex-direction: column;