Padding and spacing fixes

frontend/src/components/EventList.tsx

@@ -170,7 +170,7 @@ const EventList: React.FC = () => {
                     )}
                   </CardContent>
                   <CardActions sx={{ justifyContent: 'space-between', px: 3, pb: 2 }}>
-                    <Stack direction="row" spacing={1}>
+                    <Stack direction="row" spacing={1} flexWrap="wrap">
                       {isEventOpen(event) && (
                         <Button
                           size="small"
@@ -187,6 +187,13 @@ const EventList: React.FC = () => {
                       >
                         View RSVPs
                       </Button>
+                      <Button
+                        size="small"
+                        startIcon={<ContentCopyIcon />}
+                        onClick={() => handleCopyLink(event)}
+                      >
+                        Copy RSVP Link
+                      </Button>
                     </Stack>
                     <Button
                       size="small"
@@ -195,13 +202,6 @@ const EventList: React.FC = () => {
                     >
                       Manage
                     </Button>
-                    <Button
-                      size="small"
-                      startIcon={<ContentCopyIcon />}
-                      onClick={() => handleCopyLink(event)}
-                    >
-                      Copy RSVP Link
-                    </Button>
                   </CardActions>
                 </Card>
               </Grid>

frontend/src/components/RSVPForm.tsx

@@ -603,7 +603,6 @@ const RSVPForm: React.FC = () => {
                           },
                           MenuListProps: {
                             sx: {
-                              paddingBottom: '60px', // Make space for the button
                             },
                           },
                         }}