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; }