From 6ddc1de56879ca3f3b1b59ac3a27193dd5578317 Mon Sep 17 00:00:00 2001 From: slowbackspace Date: Wed, 20 Feb 2019 17:55:48 +0100 Subject: [PATCH] fix sign verify alignment --- .../Wallet/views/Account/SignVerify/index.js | 23 +++++-------------- 1 file changed, 6 insertions(+), 17 deletions(-) diff --git a/src/views/Wallet/views/Account/SignVerify/index.js b/src/views/Wallet/views/Account/SignVerify/index.js index 85817467..dccccaf6 100644 --- a/src/views/Wallet/views/Account/SignVerify/index.js +++ b/src/views/Wallet/views/Account/SignVerify/index.js @@ -16,8 +16,11 @@ const Wrapper = styled.div` display: flex; flex: 1; flex-direction: row; - flex-wrap: wrap; background: ${colors.WHITE}; + + @media screen and (max-width: ${SCREEN_SIZE.MD}) { + flex-wrap: wrap; + } `; const Row = styled.div` @@ -28,11 +31,6 @@ const RowButtons = styled(Row)` display: flex; align-items: center; justify-content: flex-end; - - @media all and (max-width: 850px) { - flex-wrap: wrap; - margin: -5px; - } `; const StyledButton = styled(Button)` @@ -42,15 +40,6 @@ const StyledButton = styled(Button)` &:first-child { margin-left: 0; } - - @media all and (max-width: 850px) { - flex: 1; - margin: 5px; - - &:first-child { - margin-left: 5px; - } - } `; const Column = styled.div` @@ -58,7 +47,7 @@ const Column = styled.div` flex: 1 1 50%; flex-direction: column; - @media screen and (max-width: ${SCREEN_SIZE.XS}) { + @media screen and (max-width: ${SCREEN_SIZE.MD}) { flex: 1 1 100%; } `; @@ -68,7 +57,7 @@ const Sign = styled(Column)``; const Verify = styled(Column)` padding-left: 20px; - @media screen and (max-width: ${SCREEN_SIZE.XS}) { + @media screen and (max-width: ${SCREEN_SIZE.MD}) { padding-left: 0px; } `;