From 822903c83d3bee658420f56352dc7807e6eb4708 Mon Sep 17 00:00:00 2001
From: nicolas <nicosampler@users.noreply.github.com>
Date: Fri, 3 Jul 2020 07:12:49 -0300
Subject: [PATCH] sapp iframe size (#1081)

* sapp iframe size

* review changes

* CenteredMT

* remove className

Co-authored-by: Mikhail Mikheev <mmvsha73@gmail.com>
---
 src/components/Footer/index.tsx            |  2 +-
 src/components/ListContentLayout/Layout.ts |  3 +--
 src/routes/safe/components/Apps/index.tsx  | 10 +++++++---
 yarn.lock                                  |  1 -
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 0107aab3..3f63cb8a 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -18,7 +18,7 @@ const useStyles = makeStyles({
     justifyContent: 'center',
     margin: '0 auto',
     maxWidth: '100%',
-    padding: `40px ${sm} 20px`,
+    padding: `20px ${sm} 20px`,
     width: `${screenSm}px`,
   },
   item: {
diff --git a/src/components/ListContentLayout/Layout.ts b/src/components/ListContentLayout/Layout.ts
index 09b4cad9..feb7d423 100644
--- a/src/components/ListContentLayout/Layout.ts
+++ b/src/components/ListContentLayout/Layout.ts
@@ -3,8 +3,7 @@ import styled from 'styled-components'
 export const Wrapper = styled.div`
   display: grid;
   grid-template-columns: 245px auto;
-  grid-template-rows: 514px;
-  min-height: 525px;
+  min-height: 560px;
   .background {
     box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59);
     background-color: white;
diff --git a/src/routes/safe/components/Apps/index.tsx b/src/routes/safe/components/Apps/index.tsx
index 949e37f2..2606f6f9 100644
--- a/src/routes/safe/components/Apps/index.tsx
+++ b/src/routes/safe/components/Apps/index.tsx
@@ -27,7 +27,7 @@ const APPS_STORAGE_KEY = 'APPS_STORAGE_KEY'
 const APPS_LEGAL_DISCLAIMER_STORAGE_KEY = 'APPS_LEGAL_DISCLAIMER_STORAGE_KEY'
 
 const StyledIframe = styled.iframe`
-  padding: 24px;
+  padding: 15px;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -39,6 +39,10 @@ const Centered = styled.div`
   flex-direction: column;
 `
 
+const CenteredMT = styled(Centered)`
+  margin-top: 5px;
+`
+
 const IframeWrapper = styled.div`
   position: relative;
   height: 100%;
@@ -409,7 +413,7 @@ function Apps({ closeModal, closeSnackbar, enqueueSnackbar, openModal }) {
           </Centered>
         </Card>
       )}
-      <Centered>
+      <CenteredMT>
         <IconText
           color="secondary"
           iconSize="sm"
@@ -417,7 +421,7 @@ function Apps({ closeModal, closeSnackbar, enqueueSnackbar, openModal }) {
           text="These are third-party apps, which means they are not owned, controlled, maintained or audited by Gnosis. Interacting with the apps is at your own risk."
           textSize="sm"
         />
-      </Centered>
+      </CenteredMT>
     </>
   )
 }
diff --git a/yarn.lock b/yarn.lock
index 29b7fcc0..b22e17a2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -18395,7 +18395,6 @@ websocket@^1.0.31:
   dependencies:
     debug "^2.2.0"
     es5-ext "^0.10.50"
-    gulp "^4.0.2"
     nan "^2.14.0"
     typedarray-to-buffer "^3.1.5"
     yaeti "^0.0.6"