1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-07 14:50:52 +00:00

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

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

View File

@ -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;
}
`;