From 3e1514f1e10b29a5bc37832f396b0342dab06a18 Mon Sep 17 00:00:00 2001 From: Tom French Date: Mon, 27 Jul 2020 15:14:05 +0100 Subject: [PATCH] fix: prevent broken display AssetPanel on smaller screen sizes --- src/components/CreatePool/AssetOptions.tsx | 3 ++- src/components/Filters/AssetOptions.tsx | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/CreatePool/AssetOptions.tsx b/src/components/CreatePool/AssetOptions.tsx index b1d4c05..b80794f 100644 --- a/src/components/CreatePool/AssetOptions.tsx +++ b/src/components/CreatePool/AssetOptions.tsx @@ -27,10 +27,11 @@ const AssetPanelContainer = styled.div` const AssetPanel = styled.div` display: flex; + flex-grow: 1 align-items: center; justify-content: center; flex-direction: column; - width: 184px; + width: 33%; height: 98px; cursor: pointer; border-right: 1px solid var(--panel-border); diff --git a/src/components/Filters/AssetOptions.tsx b/src/components/Filters/AssetOptions.tsx index 6439aa7..9522cd0 100644 --- a/src/components/Filters/AssetOptions.tsx +++ b/src/components/Filters/AssetOptions.tsx @@ -28,10 +28,11 @@ const AssetPanelContainer = styled.div` const AssetPanel = styled.div` display: flex; + flex-grow: 1 align-items: center; justify-content: center; flex-direction: column; - width: 184px; + width: 33%; height: 98px; cursor: pointer; border-right: 1px solid var(--panel-border);