From 1445eac6cbdb9b6b272052680bfa31a3520f4105 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Fri, 16 Aug 2024 12:35:16 -0700
Subject: Set dynamic margin for rsvp form
---
client/src/components/GuestLogin.tsx | 2 +-
client/src/components/RsvpForm.tsx | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
(limited to 'client/src/components')
diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index c5eae75..32245fc 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -46,9 +46,9 @@ function GuestLogin() {
>
<div
style={{
+ width: '90%',
display: 'flex',
justifyContent: 'center',
- width: '90%',
}}
>
<div
diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 47e8215..10c2205 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -116,7 +116,7 @@ function RsvpForm() {
justifyContent: 'center',
}}
>
- <Grid container spacing={2} sx={{ width: 600, mt: 16 }}>
+ <Grid container spacing={2} sx={{ width: 600, mt: { xs: 8, md: 16 } }}>
<Grid item xs={12}>
<p>
Please RSVP for the wedding by March 10, 2025. The ceremony will
--
cgit v1.2.3