arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-08 15:10:59 +00:00
Code Issues Releases Wiki Activity

Merge pull request #385 from trezor/fix/sign-and-verify-forms

Browse Source 
fix sign verify alignment
This commit is contained in:
Vladimir Volek 2019-02-21 13:52:50 +01:00 committed by GitHub
commit 598c09d4b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Wallet/views/Account/SignVerify/index.js
View File

@ -16,8 +16,11 @@ const Wrapper = styled.div`
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
background: ${colors.WHITE}; background: ${colors.WHITE};
@media screen and (max-width: ${SCREEN_SIZE.MD}) {
flex-wrap: wrap;
}
`; `;
const Row = styled.div` const Row = styled.div`
@ -28,11 +31,6 @@ const RowButtons = styled(Row)`
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
@media all and (max-width: 850px) {
flex-wrap: wrap;
margin: -5px;
}
`; `;
const StyledButton = styled(Button)` const StyledButton = styled(Button)`
@ -42,15 +40,6 @@ const StyledButton = styled(Button)`
&:first-child { &:first-child {
margin-left: 0; margin-left: 0;
} }
@media all and (max-width: 850px) {
flex: 1;
margin: 5px;
&:first-child {
margin-left: 5px;
}
}
`; `;
const Column = styled.div` const Column = styled.div`
@ -58,7 +47,7 @@ const Column = styled.div`
flex: 1 1 50%; flex: 1 1 50%;
flex-direction: column; flex-direction: column;
@media screen and (max-width: ${SCREEN_SIZE.XS}) { @media screen and (max-width: ${SCREEN_SIZE.MD}) {
flex: 1 1 100%; flex: 1 1 100%;
} }
`; `;
@ -68,7 +57,7 @@ const Sign = styled(Column)``;
const Verify = styled(Column)` const Verify = styled(Column)`
padding-left: 20px; padding-left: 20px;
@media screen and (max-width: ${SCREEN_SIZE.XS}) { @media screen and (max-width: ${SCREEN_SIZE.MD}) {
padding-left: 0px; padding-left: 0px;
} }
`; `;