Button spacing and formatting for rsvp form

This commit is contained in:
Ryderjj89
2025-06-04 18:35:57 -04:00
parent cd845fc116
commit 7b3f8f74a8

View File

@@ -466,7 +466,7 @@ const RSVPForm: React.FC = () => {
<strong>Location:</strong> {event.location} <strong>Location:</strong> {event.location}
</Typography> </Typography>
{event.rsvp_cutoff_date && ( {event.rsvp_cutoff_date && (
<Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}> {/* Removed align="center" */} <Typography variant="body2" color="text.secondary">
<strong>Note:</strong> RSVPs will close on {new Date(event.rsvp_cutoff_date).toLocaleString()} <strong>Note:</strong> RSVPs will close on {new Date(event.rsvp_cutoff_date).toLocaleString()}
</Typography> </Typography>
)} )}
@@ -680,7 +680,7 @@ const RSVPForm: React.FC = () => {
variant="outlined" variant="outlined"
color="primary" color="primary"
onClick={() => navigate('/')} onClick={() => navigate('/')}
sx={{ flexGrow: 1 }} sx={{ flexGrow: 1, flexBasis: 0 }}
> >
Back to Events Back to Events
</Button> </Button>
@@ -695,7 +695,7 @@ const RSVPForm: React.FC = () => {
(formData.attending === 'yes' && !formData.bringing_guests) || (formData.attending === 'yes' && !formData.bringing_guests) ||
(formData.bringing_guests === 'yes' && (formData.guest_count < 1 || formData.guest_names.some(name => !name.trim()))) (formData.bringing_guests === 'yes' && (formData.guest_count < 1 || formData.guest_names.some(name => !name.trim())))
} }
sx={{ flexGrow: 1 }} sx={{ flexGrow: 1, flexBasis: 0 }}
> >
{isSubmitting ? 'Submitting...' : 'Submit RSVP'} {isSubmitting ? 'Submitting...' : 'Submit RSVP'}
</Button> </Button>