diff --git a/src/views/Wallet/views/Bootloader/index.js b/src/views/Wallet/views/Bootloader/index.js index 15230db0..273c0211 100644 --- a/src/views/Wallet/views/Bootloader/index.js +++ b/src/views/Wallet/views/Bootloader/index.js @@ -1,6 +1,7 @@ import React from 'react'; import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; +import P from 'components/Paragraph'; import { connect } from 'react-redux'; const Wrapper = styled.div` @@ -15,16 +16,16 @@ const Row = styled.div` padding: 100px 48px; `; -const P = styled.p` - padding: 10px 0px; +const StyledP = styled(P)` + padding: 0 0 15px 0; text-align: center; `; const Bootloader = () => ( - Your device is in firmware update mode - Please re-connect it + Your device is in firmware update mode + Please re-connect it ); diff --git a/src/views/Wallet/views/Dashboard/index.js b/src/views/Wallet/views/Dashboard/index.js index ea4dfc35..636e1b3a 100644 --- a/src/views/Wallet/views/Dashboard/index.js +++ b/src/views/Wallet/views/Dashboard/index.js @@ -3,7 +3,8 @@ import styled from 'styled-components'; import { connect } from 'react-redux'; import Content from 'views/Wallet/components/Content'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; +import Paragraph from 'components/Paragraph'; import DashboardImg from 'images/dashboard.png'; const Wrapper = styled.div` @@ -20,18 +21,17 @@ const Row = styled.div` align-items: center; `; -const P = styled.p` - padding: 24px 0px; +const StyledP = styled(Paragraph)` + padding: 0 0 15px 0; text-align: center; `; const Dashboard = () => ( - Dashboard - Please select your coin - You will gain access to receiving & sending selected coin + Please select your coin + You will gain access to receiving & sending selected coin diff --git a/src/views/Wallet/views/DeviceSettings/index.js b/src/views/Wallet/views/DeviceSettings/index.js index ca5c384e..4899d548 100644 --- a/src/views/Wallet/views/DeviceSettings/index.js +++ b/src/views/Wallet/views/DeviceSettings/index.js @@ -1,6 +1,6 @@ import React from 'react'; import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Icon from 'components/Icon'; import colors from 'config/colors'; import Button from 'components/Button'; @@ -24,7 +24,7 @@ const Row = styled.div` `; const StyledP = styled(P)` - padding: 10px 0 15px 0; + padding: 0 0 15px 0; text-align: center; `; @@ -37,8 +37,8 @@ const DeviceSettings = () => ( color={colors.WARNING_PRIMARY} icon={ICONS.WARNING} /> - Device settings is under construction - Please use Bitcoin wallet interface to change your device settings + Device settings is under construction + Please use Bitcoin wallet interface to change your device settings Take me to the Bitcoin wallet diff --git a/src/views/Wallet/views/FirmwareUpdate/index.js b/src/views/Wallet/views/FirmwareUpdate/index.js index 6c6699ea..9cfa2ab1 100644 --- a/src/views/Wallet/views/FirmwareUpdate/index.js +++ b/src/views/Wallet/views/FirmwareUpdate/index.js @@ -46,6 +46,7 @@ const Image = styled.div` const StyledP = styled(P)` padding: 0 0 15px 0; + text-align: center; `; const FirmwareUpdate = (props: Props) => ( diff --git a/src/views/Wallet/views/Initialize/index.js b/src/views/Wallet/views/Initialize/index.js index 1a5a5309..8a9ecace 100644 --- a/src/views/Wallet/views/Initialize/index.js +++ b/src/views/Wallet/views/Initialize/index.js @@ -1,7 +1,8 @@ import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Button from 'components/Button'; import Paragraph from 'components/Paragraph'; +import Content from 'views/Wallet/components/Content'; import React from 'react'; import { connect } from 'react-redux'; @@ -20,21 +21,22 @@ const Row = styled.div` const A = styled.a``; const StyledParagraph = styled(Paragraph)` - margin: 10px 50px; - display: block; + padding: 0 0 15px 0; text-align: center; `; const Initialize = () => ( - - - Your device is in not initialized - Please use Bitcoin wallet interface to start initialization process - - Take me to the Bitcoin wallet - - - + + + + Your device is in not initialized + Please use Bitcoin wallet interface to start initialization process + + Take me to the Bitcoin wallet + + + + ); export default connect(null, null)(Initialize); diff --git a/src/views/Wallet/views/Seedless/index.js b/src/views/Wallet/views/Seedless/index.js index 15dd943d..c8266a72 100644 --- a/src/views/Wallet/views/Seedless/index.js +++ b/src/views/Wallet/views/Seedless/index.js @@ -1,9 +1,11 @@ import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Paragraph from 'components/Paragraph'; +import Content from 'views/Wallet/components/Content'; import React from 'react'; import { connect } from 'react-redux'; + const Wrapper = styled.div` display: flex; flex-direction: column; @@ -17,18 +19,19 @@ const Row = styled.div` `; const StyledParagraph = styled(Paragraph)` - margin: 10px 50px; - display: block; + padding: 0 0 15px 0; text-align: center; `; const Seedless = () => ( - - - Device is in seedless mode - It's not suitable to use this service. - - + + + + Device is in seedless mode + It's not suitable to use this service. + + + ); export default connect(null, null)(Seedless); diff --git a/src/views/Wallet/views/WalletSettings/index.js b/src/views/Wallet/views/WalletSettings/index.js index c584f958..43c2bd12 100644 --- a/src/views/Wallet/views/WalletSettings/index.js +++ b/src/views/Wallet/views/WalletSettings/index.js @@ -6,7 +6,7 @@ import colors from 'config/colors'; import icons from 'config/icons'; import Content from 'views/Wallet/components/Content'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Icon from 'components/Icon'; import Link from 'components/Link'; import Button from 'components/Button'; @@ -32,7 +32,7 @@ const WalletSettings = () => ( color={colors.WARNING_PRIMARY} icon={icons.WARNING} /> - Wallet settings is under construction + Wallet settings is under construction Take me back
Please re-connect it
You will gain access to receiving & sending selected coin