diff --git a/src/views/Wallet/components/Content/components/FirmwareUnsupported/index.js b/src/views/Wallet/components/Content/components/FirmwareUnsupported/index.js index 12ca6882..b48f562b 100644 --- a/src/views/Wallet/components/Content/components/FirmwareUnsupported/index.js +++ b/src/views/Wallet/components/Content/components/FirmwareUnsupported/index.js @@ -3,8 +3,8 @@ import React from 'react'; import styled from 'styled-components'; import colors from 'config/colors'; -import { FONT_SIZE } from 'config/variables'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; +import Paragraph from 'components/Paragraph'; import Button from 'components/Button'; import Link from 'components/Link'; import CoinLogo from 'components/images/CoinLogo'; @@ -39,21 +39,17 @@ const StyledCoinLogo = styled(CoinLogo)` width: 32px; `; -const StyledLink = styled(Link)` - padding-top: 24px; -`; - const Row = styled.div` - flex: 1; display: flex; + padding: 50px 0; + flex-direction: column; - justify-content: center; align-items: center; + text-align: center; `; -const Message = styled.div` - font-size: ${FONT_SIZE.SMALL}; - color: ${colors.TEXT_SECONDARY}; +const Message = styled(Paragraph)` + padding: 0 0 15px 0; text-align: center; `; @@ -61,11 +57,11 @@ const FirmwareUnsupported = (props: Props) => ( {props.networkShortcut && } -

{props.title}

+

{props.title}

{props.message} - + - +
); diff --git a/src/views/Wallet/views/Bootloader/index.js b/src/views/Wallet/views/Bootloader/index.js index 273c0211..d82a7a2a 100644 --- a/src/views/Wallet/views/Bootloader/index.js +++ b/src/views/Wallet/views/Bootloader/index.js @@ -7,13 +7,14 @@ import { connect } from 'react-redux'; const Wrapper = styled.div` display: flex; flex-direction: column; + padding: 40px 35px 40px 35px; `; const Row = styled.div` display: flex; flex-direction: column; align-items: center; - padding: 100px 48px; + padding: 50px 0; `; const StyledP = styled(P)` diff --git a/src/views/Wallet/views/Dashboard/index.js b/src/views/Wallet/views/Dashboard/index.js index 636e1b3a..84c7a462 100644 --- a/src/views/Wallet/views/Dashboard/index.js +++ b/src/views/Wallet/views/Dashboard/index.js @@ -15,7 +15,7 @@ const Wrapper = styled.div` const Row = styled.div` flex: 1; display: flex; - padding: 100px 48px; + padding: 50px 0; flex-direction: column; align-items: center; diff --git a/src/views/Wallet/views/DeviceSettings/index.js b/src/views/Wallet/views/DeviceSettings/index.js index 4899d548..4dbc1546 100644 --- a/src/views/Wallet/views/DeviceSettings/index.js +++ b/src/views/Wallet/views/DeviceSettings/index.js @@ -20,7 +20,7 @@ const Row = styled.div` display: flex; flex-direction: column; align-items: center; - padding: 100px 48px; + padding: 50px 0; `; const StyledP = styled(P)` diff --git a/src/views/Wallet/views/FirmwareUpdate/index.js b/src/views/Wallet/views/FirmwareUpdate/index.js index 9cfa2ab1..f15bcfa4 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; - padding: 100px 48px; + padding: 90px 35px 40px 35px; `; const StyledNavLink = styled(Link)` diff --git a/src/views/Wallet/views/Initialize/index.js b/src/views/Wallet/views/Initialize/index.js index 8a9ecace..a537b57a 100644 --- a/src/views/Wallet/views/Initialize/index.js +++ b/src/views/Wallet/views/Initialize/index.js @@ -15,7 +15,7 @@ const Row = styled.div` display: flex; flex-direction: column; align-items: center; - padding: 100px 48px; + padding: 50px 0; `; const A = styled.a``; diff --git a/src/views/Wallet/views/Seedless/index.js b/src/views/Wallet/views/Seedless/index.js index c8266a72..db253641 100644 --- a/src/views/Wallet/views/Seedless/index.js +++ b/src/views/Wallet/views/Seedless/index.js @@ -15,7 +15,7 @@ const Row = styled.div` display: flex; flex-direction: column; align-items: center; - padding: 100px 48px; + padding: 50px 0; `; const StyledParagraph = styled(Paragraph)` diff --git a/src/views/Wallet/views/WalletSettings/index.js b/src/views/Wallet/views/WalletSettings/index.js index 43c2bd12..5f2b3c66 100644 --- a/src/views/Wallet/views/WalletSettings/index.js +++ b/src/views/Wallet/views/WalletSettings/index.js @@ -20,7 +20,7 @@ const Row = styled.div` display: flex; flex-direction: column; align-items: center; - padding: 100px 48px; + padding: 50px 0; `; const WalletSettings = () => (