From 448992956bce9474c15437abf53d4e45ca3984ad Mon Sep 17 00:00:00 2001
From: Vit Stanislav <vit@lightcurve.io>
Date: Fri, 16 Feb 2018 11:58:49 +0100
Subject: [PATCH] Fix price chart in iOS safari

---
 src/components/dashboard/currencyGraph.css | 18 +++++++++++++++++-
 src/components/dashboard/styles.css        |  5 ++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/currencyGraph.css b/src/components/dashboard/currencyGraph.css
index e475513d00..6ca416f251 100644
--- a/src/components/dashboard/currencyGraph.css
+++ b/src/components/dashboard/currencyGraph.css
@@ -2,6 +2,7 @@
 
 .wrapper {
   height: 100%;
+  min-height: 200px;
   position: relative;
 
   & h2 {
@@ -11,6 +12,7 @@
 
 .chartWrapper {
   height: calc(100% - 70px);
+  min-height: 130px;
   width: calc(100% + 50px);
   margin: 0 -25px;
   position: absolute;
@@ -19,7 +21,7 @@
 }
 
 .errorMessage {
-  margin-top: 70px;
+  margin-top: 60px;
 }
 
 .stepSwitchWrapper {
@@ -42,6 +44,20 @@
   }
 }
 
+@media (--medium-viewport) {
+  .wrapper {
+    min-height: 300px;
+  }
+
+  .chartWrapper {
+    min-height: 230px;
+  }
+
+  .errorMessage {
+    margin-top: 30px;
+  }
+}
+
 @media (--small-viewport) {
   .stepSwitchWrapper {
     margin: 45px 0;
diff --git a/src/components/dashboard/styles.css b/src/components/dashboard/styles.css
index d2d654d033..54bd6fce12 100644
--- a/src/components/dashboard/styles.css
+++ b/src/components/dashboard/styles.css
@@ -19,6 +19,7 @@
 
 .graph {
   height: calc(60% - 20px);
+  min-height: 200px;
   margin-bottom: 20px;
   overflow: hidden;
 }
@@ -37,6 +38,8 @@
   .wrapper {
     & .colHack {
       padding: 0;
+      max-width: 100%;
+      flex-basis: 100%;
     }
 
     margin: 0;
@@ -44,7 +47,7 @@
 
   .graph {
     height: 60%;
-    min-height: auto;
+    min-height: 300px;
     margin-bottom: 0;
   }