From d6f7dc40123e7c3ee8f12841666861bb6a3fe8ce Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Sat, 23 Nov 2024 15:45:32 +0100
Subject: [PATCH] resolve #284: set nicer paddings to layout

---
 src/components/PageLayout/PageLayout.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
index 892185fb..72aec47b 100644
--- a/src/components/PageLayout/PageLayout.tsx
+++ b/src/components/PageLayout/PageLayout.tsx
@@ -45,7 +45,15 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
               <Grid xs={0} md={3} sx={{position: 'relative', display: {xs: 'none', md: 'block'}}}>
                 <StromLogo />
               </Grid>
-              <Grid xs={12} md={contentWidth * 3} sx={{py: 2, px: 1, ...sx}}>
+              <Grid
+                xs={12}
+                md={contentWidth * 3}
+                sx={{
+                  py: {xs: 4, md: 8, lg: 12},
+                  px: 2,
+                  ...sx,
+                }}
+              >
                 {children}
               </Grid>
             </Grid>