From 1ce3f9f8ef201653b008706e4b281f47b119916a Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Wed, 4 Jun 2025 18:07:10 -0400
Subject: [PATCH] Changing card actions to grid

---
 frontend/src/components/EventList.tsx | 46 +++++++++++++++------------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/EventList.tsx b/frontend/src/components/EventList.tsx
index 84521cf..5e178a6 100644
--- a/frontend/src/components/EventList.tsx
+++ b/frontend/src/components/EventList.tsx
@@ -170,31 +170,37 @@ const EventList: React.FC = () => {
                     )}
                   </CardContent>
                   <CardActions sx={{ justifyContent: 'space-between', px: 3, pb: 2 }}>
-                    <Stack direction="row" spacing={1} flexWrap="wrap" alignItems="flex-start">
+                    <Grid container spacing={1} alignItems="flex-start">
                       {isEventOpen(event) && (
+                        <Grid item>
+                          <Button
+                            size="small"
+                            startIcon={<HowToRegIcon />}
+                            onClick={() => navigate(`/rsvp/events/${event.slug}`)}
+                          >
+                            Submit RSVP
+                          </Button>
+                        </Grid>
+                      )}
+                      <Grid item>
                         <Button
                           size="small"
-                          startIcon={<HowToRegIcon />}
-                          onClick={() => navigate(`/rsvp/events/${event.slug}`)}
+                          startIcon={<VisibilityIcon />}
+                          onClick={(e) => handleViewClick(event, e)}
                         >
-                          Submit RSVP
+                          View RSVPs
                         </Button>
-                      )}
-                      <Button
-                        size="small"
-                        startIcon={<VisibilityIcon />}
-                        onClick={(e) => handleViewClick(event, e)}
-                      >
-                        View RSVPs
-                      </Button>
-                      <Button
-                        size="small"
-                        startIcon={<ContentCopyIcon />}
-                        onClick={() => handleCopyLink(event)}
-                      >
-                        Copy RSVP Link
-                      </Button>
-                    </Stack>
+                      </Grid>
+                      <Grid item>
+                        <Button
+                          size="small"
+                          startIcon={<ContentCopyIcon />}
+                          onClick={() => handleCopyLink(event)}
+                        >
+                          Copy RSVP Link
+                        </Button>
+                      </Grid>
+                    </Grid>
                     <Button
                       size="small"
                       startIcon={<AdminPanelSettingsIcon />}