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

Fix issue when "Advanced settings" caused the form to move down

This commit is contained in:
Vasek Mlejnsky 2018-09-21 08:06:52 +02:00
parent 0acc7196b8
commit c2fc48252d

View File

@ -113,13 +113,16 @@ const StyledLink = styled(Link)`
`; `;
const ToggleAdvancedSettingsWrapper = styled.div` const ToggleAdvancedSettingsWrapper = styled.div`
min-height: 40px;
margin-bottom: 20px; margin-bottom: 20px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@media screen and (max-width: ${SmallScreenWidth}) { @media screen and (max-width: ${SmallScreenWidth}) {
${props => (props.isAdvancedSettingsHidden && css`
flex-direction: column; flex-direction: column;
`)}
} }
`; `;
@ -441,7 +444,9 @@ class AccountSend extends Component<Props, State> {
/> />
</InputRow> </InputRow>
<ToggleAdvancedSettingsWrapper> <ToggleAdvancedSettingsWrapper
isAdvancedSettingsHidden={this.state.isAdvancedSettingsHidden}
>
<ToggleAdvancedSettingsButton <ToggleAdvancedSettingsButton
isTransparent isTransparent
onClick={() => this.handleToggleAdvancedSettingsButton()} onClick={() => this.handleToggleAdvancedSettingsButton()}