From 315af4d50ea4be9a07750bdc4dd01e01c6e1d696 Mon Sep 17 00:00:00 2001
From: Adrian Thompson <adrianhthompson@gmail.com>
Date: Wed, 21 Oct 2020 13:20:57 +0200
Subject: [PATCH] keys on v-for and layout on icons in top info

---
 src/components/PersonalHighscorePage.vue | 4 ++--
 src/components/VinlottisPage.vue         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index 9604831..5b93f00 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -14,14 +14,14 @@
 
         <h4 class="margin-bottom-0">Vinnende farger:</h4>
         <div class="raffle-container el-spacing">
-          <div class="raffle-element" :class="color + `-raffle`" v-for="[color, occurences] in Object.entries(winningColors)">
+          <div class="raffle-element" :class="color + `-raffle`" v-for="[color, occurences] in Object.entries(winningColors)" :key="color">
             {{ occurences }}
           </div>
         </div>
 
         <h4 class="el-spacing">Flasker vunnet:</h4>
 
-        <div v-for="win in winner.highscore">
+        <div v-for="win in winner.highscore" :key="win">
           <router-link :to="winDateUrl(win.date)" class="days-ago">
             {{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden
           </router-link>
diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 9581fe7..58cd2b4 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -237,7 +237,7 @@ export default {
     }
 
     @include widescreen {
-      grid-column: 6 / -6;
+      grid-column: 6 / 10;
     }
 
     width: 100%;