From 529705845fea16d283d0453b23698dc7cd835114 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Tue, 21 Jan 2020 16:04:35 +0100
Subject: [PATCH] more styling

---
 src/components/VinlottisPage.vue | 2 +-
 src/ui/PurchaseGraph.vue         | 8 ++++----
 src/ui/WinGraph.vue              | 9 +++++----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 5610f19..2b32006 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -99,7 +99,7 @@ h1 {
   justify-content: center;
   align-items: center;
   width: 100vw;
-  height: 50vh;
+  padding: 50px 0;
 }
 
 .wine-and-highscore-container {
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index fccef9e..7b5d4e0 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -18,25 +18,25 @@ export default {
     let blue = {
       label: "Blå",
       borderColor: "#57d2fb",
-      backgroundColor: "#d4f2fe10",
+      backgroundColor: "#d4f2fe",
       data: []
     };
     let yellow = {
       label: "Gul",
       borderColor: "#ffde5d",
-      backgroundColor: "#fff6d610",
+      backgroundColor: "#fff6d6",
       data: []
     };
     let red = {
       label: "Rød",
       borderColor: "#ef5878",
-      backgroundColor: "#fbd7de10",
+      backgroundColor: "#fbd7de",
       data: []
     };
     let green = {
       label: "Grønn",
       borderColor: "#10e783",
-      backgroundColor: "#c8f9df10",
+      backgroundColor: "#c8f9df",
       data: []
     };
 
diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue
index b98522f..f68ded0 100644
--- a/src/ui/WinGraph.vue
+++ b/src/ui/WinGraph.vue
@@ -16,25 +16,25 @@ export default {
     let blue = {
       label: "Blå",
       borderColor: "#57d2fb",
-      backgroundColor: "#d4f2fe10",
+      backgroundColor: "#d4f2fe",
       data: []
     };
     let yellow = {
       label: "Gul",
       borderColor: "#ffde5d",
-      backgroundColor: "#fff6d610",
+      backgroundColor: "#fff6d6",
       data: []
     };
     let red = {
       label: "Rød",
       borderColor: "#ef5878",
-      backgroundColor: "#fbd7de10",
+      backgroundColor: "#fbd7de",
       data: []
     };
     let green = {
       label: "Grønn",
       borderColor: "#10e783",
-      backgroundColor: "#c8f9df10",
+      backgroundColor: "#c8f9df",
       data: []
     };
 
@@ -61,6 +61,7 @@ export default {
       labels: labels,
       datasets: datasets
     };
+    console.log(datasets);
     let chart = new Chart(canvas, {
       type: "bar",
       data: chartdata,