feat(Layout): start cleaning up page paddings

blockchain · Jan 31, 2020 · f8670d6 · f8670d6
1 parent 7b0b665
commit f8670d6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/template.js b/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/template.js
@@ -2,6 +2,7 @@ import { replace } from 'ramda'
 import Alerts from 'components/Alerts'
 import ErrorBoundary from 'providers/ErrorBoundaryProvider'
 import Header from './Header'
+import media from 'services/ResponsiveService'
 import MenuLeft from './MenuLeft'
 import Modals from 'modals'
 import Page from './Page'
@@ -33,11 +34,11 @@ const Content = styled.div`
   align-items: flex-start;
   width: calc(100% - 250px);
   background-color: ${props => props.theme.white};
-  padding: 8px 30px;
-
-  @media (max-width: 768px) {
+  padding: 16px 30px;
+  ${media.mobile`
+    padding: 8px 16px;
     width: 100%;
-  }
+  `}
 `
 
 const WalletLayout = props => {

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Home/index.js b/packages/blockchain-wallet-v4-frontend/src/scenes/Home/index.js
@@ -15,10 +15,6 @@ ReactHighcharts.Highcharts.setOptions({ lang: { thousandsSep: ',' } })
 const Wrapper = styled.div`
   width: 100%;
   height: 100%;
-  padding: 25px;
-  @media (min-width: 992px) {
-    padding: 15px 30px;
-  }
 `
 const ColumnWrapper = styled.section`
   display: flex;