From ff4196b57cc2a167eda392908ec214732b9f06fd Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 15 Nov 2020 08:41:58 +0300
Subject: feat: optimize layout for mobile

---
 src/containers/BsuFantomSection/EventForm.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'src/containers/BsuFantomSection/EventForm.tsx')

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>
-- 
cgit v1.2.3

