From 35459eb84dd27f54aa1016463a3c5c413a747141 Mon Sep 17 00:00:00 2001
From: Diogo Soares <32431609+DiogoSoaress@users.noreply.github.com>
Date: Thu, 13 Oct 2022 11:12:53 +0200
Subject: [PATCH] style: push Sidebar down the banner height (#4091)

* style: push Sidebar down the banner height

* remove the close button from the banner
---
 src/components/PsaBanner/index.tsx      | 3 ++-
 src/components/SafeListSidebar/style.ts | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/PsaBanner/index.tsx b/src/components/PsaBanner/index.tsx
index 5d4bfb7e4b..e4d4b721e5 100644
--- a/src/components/PsaBanner/index.tsx
+++ b/src/components/PsaBanner/index.tsx
@@ -109,13 +109,14 @@ const PsaBanner = (): ReactElement => {
           color: '#fff',
           padding: '5px 20px',
           fontSize: '16px',
+          height: '80px',
         }}
       >
         <div style={{ position: 'relative' }}>
           <div style={{ maxWidth: '960px', margin: '0 auto', textAlign: 'center', padding: '10px' }}>{banner}</div>
 
           <Close
-            style={{ position: 'absolute', right: '10px', top: '10px', cursor: 'pointer', zIndex: 2 }}
+            style={{ display: 'none', position: 'absolute', right: '10px', top: '10px', cursor: 'pointer', zIndex: 2 }}
             onClick={onClose}
           />
         </div>
diff --git a/src/components/SafeListSidebar/style.ts b/src/components/SafeListSidebar/style.ts
index 4fea048fa3..1c99106b9f 100644
--- a/src/components/SafeListSidebar/style.ts
+++ b/src/components/SafeListSidebar/style.ts
@@ -7,6 +7,7 @@ const sidebarMarginLeft = '0px'
 const sidebarMarginTop = '0px'
 const sidebarMarginBottom = '0px'
 const sidebarBorderRadius = '0px'
+const bannerHeight = '90px'
 
 const useSidebarStyles = makeStyles({
   sidebar: {
@@ -20,7 +21,7 @@ const useSidebarStyles = makeStyles({
     borderRadius: sidebarBorderRadius,
     marginLeft: sidebarMarginLeft,
     maxHeight: `calc(100vh - ${headerHeight} - ${sidebarMarginTop} - ${sidebarMarginBottom})`,
-    top: `calc(${headerHeight} + ${sidebarMarginTop})`,
+    top: `calc(${headerHeight} + ${bannerHeight} + ${sidebarMarginTop})`,
     width: sidebarWidth,
     maxWidth: `calc(100% - ${sidebarMarginLeft} - ${sidebarMarginLeft})`,