From b25a7ac483b9f5555596dcd3fb133f0be47c4891 Mon Sep 17 00:00:00 2001
From: Marco <mcrapts@gmail.com>
Date: Sat, 10 Aug 2019 14:41:06 +0200
Subject: [PATCH] update

---
 src/components/Chart.vue | 19 ++++++++++---------
 src/style/style.scss     |  1 +
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Chart.vue b/src/components/Chart.vue
index a1f4f47..c62db79 100644
--- a/src/components/Chart.vue
+++ b/src/components/Chart.vue
@@ -1,9 +1,8 @@
 <template>
   <div class="chart-container">
-    <div class="loader-container" v-if="loading">
-      <Loader></Loader>
-    </div>
+    <Loader v-if="loading"></Loader>
     <div class="chart" v-else>
+      <!-- Wrapper for chart so that highchart doesn't create scrollbars -->
       <div ref="chart"></div>
     </div>
   </div>
@@ -108,20 +107,22 @@ export default {
 
 <style lang="scss">
 @import "@/style/_variables.scss";
-.chart-container, .chart, .chart div {
-  // height: 100%;
+.chart {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
+  width: 100%;
+}
+.chart div {
+  height: 100%;
 }
 .chart-container {
-  margin-bottom: 24px;
-}
-.loader-container {
   display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   align-items: center;
   justify-content: center;
-  height: 100%;
+  margin-bottom: 24px;
 }
 .highcharts-graph {
   stroke-width: 3px;
diff --git a/src/style/style.scss b/src/style/style.scss
index 4b27a1b..e36e2b3 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -2,6 +2,7 @@
 @import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');
 html, body {
     height: 100%;
+    overflow: hidden; /* Highcharts can cause scrollbars because it rounds pixels */
 }
 @import "./variables";
 @import "~bulma/bulma";