diff --git a/src/views/Wallet/views/Account/SignVerify/index.js b/src/views/Wallet/views/Account/SignVerify/index.js index 11e9b0fe..9b0c2516 100644 --- a/src/views/Wallet/views/Account/SignVerify/index.js +++ b/src/views/Wallet/views/Account/SignVerify/index.js @@ -7,6 +7,8 @@ import Title from 'views/Wallet/components/Title'; import Button from 'components/Button'; import Content from 'views/Wallet/components/Content'; import colors from 'config/colors'; +import { SCREEN_SIZE } from 'config/variables'; + import type { Props } from './Container'; @@ -14,6 +16,7 @@ const Wrapper = styled.div` display: flex; flex: 1; flex-direction: row; + flex-wrap: wrap; background: ${colors.WHITE}; `; @@ -52,14 +55,22 @@ const StyledButton = styled(Button)` const Column = styled.div` display: flex; - flex: 1; + flex: 1 1 50%; flex-direction: column; + + @media screen and (max-width: ${SCREEN_SIZE.XS}) { + flex: 1 1 100%; + } `; const Sign = styled(Column)``; const Verify = styled(Column)` padding-left: 20px; + + @media screen and (max-width: ${SCREEN_SIZE.XS}) { + padding-left: 0px; + } `; class SignVerify extends Component {