Fix party list on mobile

1 files changed, 3 insertions, 5 deletions

diff --git a/src/components/RsvpForm.tsx b/src/components/RsvpForm.tsx
index 7173f32..bde5280 100644
--- a/src/components/RsvpForm.tsx
+++ b/src/components/RsvpForm.tsx
@@ -77,9 +77,6 @@ function RsvpForm() {
         )
       );
       setPreviousPartySize(partySize);
-    } else {
-      // TODO: use react-hook-form setError
-      console.log('error');
     }
   };
 
@@ -131,6 +128,7 @@ function RsvpForm() {
         <Grid item xs={12} md={6} lg={6}>
           <TextField
             label="Email"
+            type="email"
             variant="outlined"
             fullWidth
             error={!!errors.email}
@@ -178,7 +176,7 @@ function RsvpForm() {
         {fields.map((field, index) => {
           return (
             <Grid container item columnSpacing={2} key={field.id}>
-              <Grid item xs={12} md={6} lg={6}>
+              <Grid item xs={6}>
                 <TextField
                   label="First Name"
                   variant="outlined"
@@ -191,7 +189,7 @@ function RsvpForm() {
                   })}
                 />
               </Grid>
-              <Grid item xs={12} md={6} lg={6}>
+              <Grid item xs={6}>
                 <TextField
                   label="Last Name"
                   variant="outlined"