From d9555ed255478cb95148a345c7e4e2c4716ef2e0 Mon Sep 17 00:00:00 2001
From: MindChirp <frikk44@gmail.com>
Date: Mon, 20 Mar 2023 19:04:28 +0100
Subject: [PATCH 1/2] Fixed arrangement list bottom padding

---
 pages/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 90ac572..bd34327 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -26,7 +26,9 @@ import { MerchBox } from '../components/MerchBox/MerchBox';
 import { ROUTES } from '../utility/constants/routes';
 import Logo from '../components/Logo';
 import { Event } from './api/events';
-import EventCard, { EventCardsLoading } from '../components/EventCard/EventCard';
+import EventCard, {
+  EventCardsLoading,
+} from '../components/EventCard/EventCard';
 
 export default function Home() {
   const lgBreakpoint = useMediaQuery('(min-width:800px)');
@@ -182,10 +184,8 @@ export default function Home() {
           <Typography variant='h4' textAlign='center' py={2} pt={4}>
             Arrangementer 🥳
           </Typography>
-          <Grid container sx={{maxWidth: 1000, mx: "auto"}} rowGap={2} >
-            {events.length === 0 && (
-              <EventCardsLoading />
-            )}
+          <Grid container sx={{ maxWidth: 1000, mx: 'auto', pb: 3 }} rowGap={2}>
+            {events.length === 0 && <EventCardsLoading />}
             {events.map((event, i) => (
               <React.Fragment key={event.id}>
                 <>

From 8bd9d4a7e0e580f0b09ead0a81eed6c14b533c34 Mon Sep 17 00:00:00 2001
From: MindChirp <frikk44@gmail.com>
Date: Mon, 20 Mar 2023 19:09:54 +0100
Subject: [PATCH 2/2] Improved loading card spacing

---
 components/EventCard/EventCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/EventCard/EventCard.tsx b/components/EventCard/EventCard.tsx
index 7421822..295a0ef 100644
--- a/components/EventCard/EventCard.tsx
+++ b/components/EventCard/EventCard.tsx
@@ -75,19 +75,19 @@ export const EventCardsLoading: React.FC = () => {
   return (
     <>
       <Grid item xs={12} md={6}>
-        <Skeleton sx={{ m: 2 }} width='100%' height={200} variant='rounded' />
+        <Skeleton sx={{ m: 2 }} width='90%' height={200} variant='rounded' />
       </Grid>
       <Grid item xs={12} md={6}>
-        <Skeleton sx={{ m: 2 }} width='100%' height={200} variant='rounded' />
+        <Skeleton sx={{ m: 2 }} width='90%' height={200} variant='rounded' />
       </Grid>
       <Grid item xs={12} md={6}>
-        <Skeleton sx={{ m: 2 }} width='100%' height={200} variant='rounded' />
+        <Skeleton sx={{ m: 2 }} width='90%' height={200} variant='rounded' />
       </Grid>
       <Grid item xs={12} md={6}>
-        <Skeleton sx={{ m: 2 }} width='100%' height={200} variant='rounded' />
+        <Skeleton sx={{ m: 2 }} width='90%' height={200} variant='rounded' />
       </Grid>
       <Grid item xs={12} md={6}>
-        <Skeleton sx={{ m: 2 }} width='100%' height={200} variant='rounded' />
+        <Skeleton sx={{ m: 2 }} width='90%' height={200} variant='rounded' />
       </Grid>
     </>
   );