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(-)

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