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

---
 package-lock.json                             |  6 +++---
 package.json                                  |  2 +-
 src/containers/BsuFantomSection/EventForm.tsx | 18 ++++++++++++------
 src/index.tsx                                 |  4 +++-
 4 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8f01a67..97644fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11655,9 +11655,9 @@
       }
     },
     "react-benzin": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/react-benzin/-/react-benzin-4.0.1.tgz",
-      "integrity": "sha512-c98gepA1ZYfCj1lJjnLotAtSAwBdmGbM6+eOoFhaIFoyg8aigJ7yM4Jr3nZOrIUHGYdcQInD6mVz6cfkyILLZg==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/react-benzin/-/react-benzin-4.0.2.tgz",
+      "integrity": "sha512-5+780N87kZxTl0oCupiaUa7pmEvVkdTb/kX10Y6dvCSuVa7/m+zb9I5mXVys1M2ZRx6tJXtJy3CbZjsrvm517A==",
       "requires": {
         "@material-ui/core": "^4.11.0",
         "axios": "^0.21.0",
diff --git a/package.json b/package.json
index 17c7111..60cd0ed 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "@material-ui/icons": "^4.9.1",
     "lodash": "^4.17.20",
     "react": "^17.0.1",
-    "react-benzin": "^4.0.1",
+    "react-benzin": "^4.0.2",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.0",
     "swr": "^0.3.8"
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>
diff --git a/src/index.tsx b/src/index.tsx
index 5155ab7..c0f8c9b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -8,7 +8,9 @@ import { AuthProvider } from './hooks/useAuth';
 
 const useStyles = makeStyles(theme => ({
   root: {
-    margin: theme.spacing(4),
+    [theme.breakpoints.up('md')]: {
+      margin: theme.spacing(4)
+    },
     padding: theme.spacing(2),
     minHeight: theme.spacing(60)
   }
-- 
cgit v1.2.3