From 06a8f96fc28d0045d87ca64a592d93bae58fe95c Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias@bieniek.cloud>
Date: Thu, 31 Dec 2020 10:18:37 +0100
Subject: [PATCH] DownloadGraph: Set `maintainAspectRatio: false` and use
 `min-height` instead

Without this the graph looks very pressed together on mobile devices
---
 app/components/download-graph.hbs        | 5 +----
 app/components/download-graph.js         | 1 +
 app/components/download-graph.module.css | 4 ----
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/app/components/download-graph.hbs b/app/components/download-graph.hbs
index 03298ee6716..5b33ab5f5b7 100644
--- a/app/components/download-graph.hbs
+++ b/app/components/download-graph.hbs
@@ -1,8 +1,5 @@
 <div
-  local-class="
-    wrapper
-    {{if this.chartjs.loadTask.lastSuccessful.value "auto-height"}}
-  "
+  local-class="wrapper"
   data-test-download-graph
   ...attributes
   {{did-insert this.loadChartJs}}
diff --git a/app/components/download-graph.js b/app/components/download-graph.js
index e0f83760110..8bd0821eee9 100644
--- a/app/components/download-graph.js
+++ b/app/components/download-graph.js
@@ -25,6 +25,7 @@ export default class DownloadGraph extends Component {
       type: 'line',
       data: this.data,
       options: {
+        maintainAspectRatio: false,
         layout: {
           padding: 10,
         },
diff --git a/app/components/download-graph.module.css b/app/components/download-graph.module.css
index affe29b2288..66b264abc88 100644
--- a/app/components/download-graph.module.css
+++ b/app/components/download-graph.module.css
@@ -4,10 +4,6 @@
     border: solid 1px var(--gray-border);
     border-radius: 5px;
     min-height: 400px;
-
-    &.auto-height {
-        min-height: auto;
-    }
 }
 
 .spinner {