From 035882e0c7419ba37468b0f591f924bcb8ecb6d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Wed, 22 Apr 2020 07:44:05 -0300
Subject: [PATCH] fix scroll and fix margin layout

---
 src/components-v2/layouts/ListContentLayout/Layout.jsx    | 2 +-
 src/components/layout/Page/index.scss                     | 4 ++--
 src/routes/safe/components/AddressBook/style.js           | 3 +--
 src/routes/safe/components/Settings/style.js              | 1 -
 src/routes/safe/components/Transactions/TxsTable/style.js | 2 +-
 5 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components-v2/layouts/ListContentLayout/Layout.jsx b/src/components-v2/layouts/ListContentLayout/Layout.jsx
index 905a5a8d..22d50973 100644
--- a/src/components-v2/layouts/ListContentLayout/Layout.jsx
+++ b/src/components-v2/layouts/ListContentLayout/Layout.jsx
@@ -15,7 +15,7 @@ export const Wrapper = styled.div`
 export const Nav = styled.div`
   grid-column: 1/3;
   grid-row: 1;
-  margin: 8px 0;
+  margin: 0;
   padding: 16px 0;
   box-sizing: border-box;
   display: flex;
diff --git a/src/components/layout/Page/index.scss b/src/components/layout/Page/index.scss
index d33b145f..7a7dfdf4 100644
--- a/src/components/layout/Page/index.scss
+++ b/src/components/layout/Page/index.scss
@@ -2,12 +2,12 @@
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
-  padding: 135px 200px 0px 200px;
+  padding: 96px 200px 0px 200px;
 }
 
 @media only screen and (max-width: $(screenLg)px) {
   .page {
-    padding: 135px $lg 0px $lg;
+    padding: 72px $lg 0px $lg;
   }
 }
 
diff --git a/src/routes/safe/components/AddressBook/style.js b/src/routes/safe/components/AddressBook/style.js
index ab6cafc2..8321abc5 100644
--- a/src/routes/safe/components/AddressBook/style.js
+++ b/src/routes/safe/components/AddressBook/style.js
@@ -3,7 +3,7 @@ import { lg, marginButtonImg, md, sm } from '~/theme/variables'
 
 export const styles = () => ({
   formContainer: {
-    minHeight: '420px',
+    minHeight: '250px',
   },
   title: {
     padding: lg,
@@ -52,7 +52,6 @@ export const styles = () => ({
     cursor: 'default',
   },
   message: {
-    margin: `${sm} 0`,
     padding: `${md} 0`,
     maxHeight: '54px',
     boxSizing: 'border-box',
diff --git a/src/routes/safe/components/Settings/style.js b/src/routes/safe/components/Settings/style.js
index f9017b74..7a246c80 100644
--- a/src/routes/safe/components/Settings/style.js
+++ b/src/routes/safe/components/Settings/style.js
@@ -119,7 +119,6 @@ export const styles = () => ({
     position: 'relative',
   },
   message: {
-    margin: `${sm} 0`,
     padding: `${md} 0`,
     maxHeight: '54px', // to make it the same as row in Balances component
     boxSizing: 'border-box',
diff --git a/src/routes/safe/components/Transactions/TxsTable/style.js b/src/routes/safe/components/Transactions/TxsTable/style.js
index 730fc7b6..9b0550d3 100644
--- a/src/routes/safe/components/Transactions/TxsTable/style.js
+++ b/src/routes/safe/components/Transactions/TxsTable/style.js
@@ -1,7 +1,7 @@
 // @flow
 export const styles = () => ({
   container: {
-    marginTop: '70px',
+    marginTop: '56px',
   },
   row: {
     cursor: 'pointer',