Increased the size of legend title and made the legend labels round.

src/components/VinlottisPage.vue

@@ -191,10 +191,12 @@ h1 {
   }
 
   .chart-container {
-    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
+    padding-top: 0;
+    margin-top: 30px;
   }
 
   .outer {

src/ui/PurchaseGraph.vue

@@ -83,7 +83,8 @@ export default {
         maintainAspectRatio: false,
         title: {
           display: true,
-          text: "Antall kjøp"
+          text: "Antall vinn",
+          fontSize: 20,
         },
         legend: {
           display: true,
@@ -91,9 +92,9 @@ export default {
           usePointStyle: true,
           borderRadius: 10,
           labels: {
-            // This more specific font property overrides the global property
+            padding: 12,
-            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+            boxWidth: 20,
-              "'knowit'")
+            usePointStyle: true
           }
         },
         scales: {

src/ui/WinGraph.vue

@@ -73,13 +73,14 @@ export default {
         maintainAspectRatio: false,
         title: {
           display: true,
-          text: "Antall vinn"
+          text: "Antall vinn",
+          fontSize: 20,
         },
         legend: {
           labels: {
-            // This more specific font property overrides the global property
+            padding: 12,
-            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+            boxWidth: 20,
-              "'knowit'")
+            usePointStyle: true
           }
         },
         scales: {