centered title in bootloader, device and wallet settings

src/views/Wallet/views/Bootloader/index.js

@@ -22,10 +22,14 @@ const StyledP = styled(P)`
     text-align: center;
 `;
 
+const StyledH1 = styled(H1)`
+    text-align: center;
+`;
+
 const Bootloader = () => (
     <Wrapper>
         <Row>
-            <H1>Your device is in firmware update mode</H1>
+            <StyledH1>Your device is in firmware update mode</StyledH1>
             <StyledP>Please re-connect it</StyledP>
         </Row>
     </Wrapper>

src/views/Wallet/views/DeviceSettings/index.js

@@ -28,6 +28,10 @@ const StyledP = styled(P)`
     text-align: center;
 `;
 
+const StyledH1 = styled(H1)`
+    text-align: center;
+`;
+
 const DeviceSettings = () => (
     <Content>
         <Section>
@@ -37,7 +41,7 @@ const DeviceSettings = () => (
                     color={colors.WARNING_PRIMARY}
                     icon={ICONS.WARNING}
                 />
-                <H1>Device settings is under construction</H1>
+                <StyledH1>Device settings is under construction</StyledH1>
                 <StyledP>Please use Bitcoin wallet interface to change your device settings</StyledP>
                 <Link href="https://beta-wallet.trezor.io/">
                     <Button>Take me to the Bitcoin wallet</Button>

src/views/Wallet/views/WalletSettings/index.js

@@ -23,6 +23,10 @@ const Row = styled.div`
     padding: 50px 0;
 `;
 
+const StyledH1 = styled(H1)`
+    text-align: center;
+`;
+
 const WalletSettings = () => (
     <Content>
         <Section>
@@ -32,7 +36,7 @@ const WalletSettings = () => (
                     color={colors.WARNING_PRIMARY}
                     icon={icons.WARNING}
                 />
-                <H1>Wallet settings is under construction</H1>
+                <StyledH1>Wallet settings is under construction</StyledH1>
                 <Link to="/">
                     <Button>Take me back</Button>
                 </Link>