diff --git a/src/views/Wallet/views/Bootloader/index.js b/src/views/Wallet/views/Bootloader/index.js index c831887b..15230db0 100644 --- a/src/views/Wallet/views/Bootloader/index.js +++ b/src/views/Wallet/views/Bootloader/index.js @@ -6,15 +6,13 @@ import { connect } from 'react-redux'; const Wrapper = styled.div` display: flex; flex-direction: column; - flex: 1; `; const Row = styled.div` - flex: 1; display: flex; flex-direction: column; - justify-content: center; align-items: center; + padding: 100px 48px; `; const P = styled.p` diff --git a/src/views/Wallet/views/DeviceSettings/index.js b/src/views/Wallet/views/DeviceSettings/index.js index 9a8044b0..ca5c384e 100644 --- a/src/views/Wallet/views/DeviceSettings/index.js +++ b/src/views/Wallet/views/DeviceSettings/index.js @@ -12,17 +12,15 @@ import { connect } from 'react-redux'; const Section = styled.section` display: flex; - justify-content: center; - align-items: center; - height: 100%; + flex-direction: column; `; const Row = styled.div` flex: 1; display: flex; flex-direction: column; - justify-content: center; align-items: center; + padding: 100px 48px; `; const StyledP = styled(P)` diff --git a/src/views/Wallet/views/FirmwareUpdate/index.js b/src/views/Wallet/views/FirmwareUpdate/index.js index 9bbc9478..6c6699ea 100644 --- a/src/views/Wallet/views/FirmwareUpdate/index.js +++ b/src/views/Wallet/views/FirmwareUpdate/index.js @@ -31,7 +31,7 @@ const Wrapper = styled.section` flex-direction: column; justify-content: center; align-items: center; - height: 100%; + padding: 100px 48px; `; const StyledNavLink = styled(Link)` diff --git a/src/views/Wallet/views/Initialize/index.js b/src/views/Wallet/views/Initialize/index.js index 1968a38d..1a5a5309 100644 --- a/src/views/Wallet/views/Initialize/index.js +++ b/src/views/Wallet/views/Initialize/index.js @@ -7,16 +7,14 @@ import { connect } from 'react-redux'; const Wrapper = styled.div` display: flex; - flex: 1; - justify-content: center; - align-items: center; + flex-direction: column; `; const Row = styled.div` display: flex; flex-direction: column; - justify-content: center; align-items: center; + padding: 100px 48px; `; const A = styled.a``; diff --git a/src/views/Wallet/views/Seedless/index.js b/src/views/Wallet/views/Seedless/index.js index 84030eac..15dd943d 100644 --- a/src/views/Wallet/views/Seedless/index.js +++ b/src/views/Wallet/views/Seedless/index.js @@ -6,16 +6,14 @@ import { connect } from 'react-redux'; const Wrapper = styled.div` display: flex; - flex: 1; - justify-content: center; - align-items: center; + flex-direction: column; `; const Row = styled.div` display: flex; flex-direction: column; - justify-content: center; align-items: center; + padding: 100px 48px; `; const StyledParagraph = styled(Paragraph)` diff --git a/src/views/Wallet/views/WalletSettings/index.js b/src/views/Wallet/views/WalletSettings/index.js index 3c377beb..c584f958 100644 --- a/src/views/Wallet/views/WalletSettings/index.js +++ b/src/views/Wallet/views/WalletSettings/index.js @@ -13,17 +13,14 @@ import Button from 'components/Button'; const Section = styled.section` display: flex; - justify-content: center; - align-items: center; - height: 100%; + flex-direction: column; `; const Row = styled.div` - flex: 1; display: flex; flex-direction: column; - justify-content: center; align-items: center; + padding: 100px 48px; `; const WalletSettings = () => (