From b90f39f082475575bcfab898f1cf17f629221359 Mon Sep 17 00:00:00 2001
From: Starstrike <raiden89@live.com>
Date: Thu, 1 May 2025 14:05:25 -0400
Subject: [PATCH] style: Increase event card width and padding for better
 readability

---
 frontend/src/components/EventList.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/EventList.tsx b/frontend/src/components/EventList.tsx
index 2ca20a6..e8942fd 100644
--- a/frontend/src/components/EventList.tsx
+++ b/frontend/src/components/EventList.tsx
@@ -93,7 +93,7 @@ const EventList: React.FC = () => {
       <Container maxWidth="lg">
         <Grid container spacing={4}>
           {events.map((event) => (
-            <Grid item xs={12} sm={6} md={4} key={event.id}>
+            <Grid item xs={12} sm={6} md={6} key={event.id}>
               <Card 
                 sx={{ 
                   height: '100%', 
@@ -101,6 +101,9 @@ const EventList: React.FC = () => {
                   flexDirection: 'column',
                   cursor: isEventOpen(event) ? 'pointer' : 'default',
                   opacity: isEventOpen(event) ? 1 : 0.7,
+                  '& .MuiCardContent-root': {
+                    padding: 3
+                  }
                 }} 
                 onClick={() => handleEventClick(event)}
               >