feat: optimize layout for mobile

1 files changed, 12 insertions, 6 deletions

diff --git a/src/containers/BsuFantomSection/EventForm.tsx b/src/containers/BsuFantomSection/EventForm.tsx
index de3adc7..beb94fd 100644
--- a/src/containers/BsuFantomSection/EventForm.tsx
+++ b/src/containers/BsuFantomSection/EventForm.tsx
@@ -38,48 +38,54 @@ const EventForm: React.FC<PropTypes> = ({ mutate }) => {
 
   return (
     <Grid container spacing={2}>
-      <Grid item>
+      <Grid item sm={6} xs={12}>
         <TextField
           value={name}
           onChange={createHandler(setName)}
           variant="outlined"
           label="Name"
+          fullWidth
+          required
         />
       </Grid>
-      <Grid item>
+      <Grid item sm={6} xs={12}>
         <TextField
           value={date}
           onChange={createHandler(setDate)}
           variant="outlined"
           label="Date"
+          fullWidth
           required
         />
       </Grid>
-      <Grid item>
+      <Grid item sm={6} xs={12}>
         <TextField
           value={conferenceId}
           onChange={createHandler(setConferenceId)}
           variant="outlined"
           label="Conference ID"
+          fullWidth
           required
         />
       </Grid>
-      <Grid item>
+      <Grid item sm={6} xs={12}>
         <TextField
           value={attendanceId}
           onChange={createHandler(setAttendanceId)}
           variant="outlined"
           label="Attendance ID"
+          fullWidth
         />
       </Grid>
-      <Grid item xs={12}>
+      <Grid item sm={2} xs={12}>
         <Button
           onClick={handleSubmit}
           variant="contained"
           size="large"
           color="primary"
+          fullWidth
         >
-          CREATE JOB
+          Create event
         </Button>
       </Grid>
     </Grid>