layout adjustments

Author: Alessandro100

src/app/App.css

@@ -42,7 +42,7 @@
   position: relative;
   /* 100vh - header margin - header - footer - footer padding */
   /* Not perfect, to revisit: for client loading state */
-  min-height: calc(100vh - 32px - 64px - 232px - 20px);
-  padding-bottom: 20px;
+  min-height: calc(100vh - 32px - 64px - 302px - 48px);
+
   box-sizing: border-box;
 }

src/app/[locale]/layout.tsx

@@ -111,7 +111,7 @@ export default async function LocaleLayout({
                 component={'main'}
                 id='next'
                 sx={{
-                  minHeight: 'calc(100vh - 32px - 64px - 232px - 20px)',
+                  minHeight: 'calc(100vh - 32px - 64px - 302px - 48px)',
                 }}
               >
                 {children}

src/app/screens/Feeds/Feeds.styles.ts

@@ -22,7 +22,7 @@ export const stickyHeaderStyles = (props: {
     zIndex: 1,
     top: {
       xs: props.headerBannerVisible ? '113px' : '56px',
-      md: props.headerBannerVisible ? '140px' : '65px',
+      md: props.headerBannerVisible ? '140px' : '64px',
     },
     background: props.theme.palette.background.default,
     transition: 'box-shadow 0.3s ease-in-out',