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 }) { )} - + - + ) } 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"