Merge pull request #290 from trezor/fix/wallet-views-paddings

Use padding instead of vertical centering in wallet views

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`

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)`

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)`

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``;

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)`

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 = () => (