From fdf518401c23680f9b0802c9bed45ecc06d79d30 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Tue, 1 Dec 2020 11:42:49 +0100 Subject: [PATCH] fix cropped graph on mobile (#276) --- .../organisms/AssetActions/Pool/Graph.module.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/organisms/AssetActions/Pool/Graph.module.css b/src/components/organisms/AssetActions/Pool/Graph.module.css index 80a937c46..1aa5c5a32 100644 --- a/src/components/organisms/AssetActions/Pool/Graph.module.css +++ b/src/components/organisms/AssetActions/Pool/Graph.module.css @@ -3,10 +3,17 @@ display: flex; align-items: center; justify-content: center; - margin: calc(var(--spacer) / 6) -2rem calc(var(--spacer) / 1.5) -2rem; + margin: calc(var(--spacer) / 6) -1.35rem calc(var(--spacer) / 1.5) -1.35rem; position: relative; } +@media (min-width: 40rem) { + .graphWrap { + margin-left: -2rem; + margin-right: -2rem; + } +} + .graphWrap canvas { position: relative; z-index: 0;