feat: make grids responsive

1 files changed, 4 insertions, 19 deletions

diff --git a/src/containers/BsuFantomSection/LoginForm.tsx b/src/containers/BsuFantomSection/LoginForm.tsx
index 208c1f7..3204a64 100644
--- a/src/containers/BsuFantomSection/LoginForm.tsx
+++ b/src/containers/BsuFantomSection/LoginForm.tsx
@@ -1,24 +1,9 @@
 import React, { useState } from 'react';
-import { ContentSection } from 'react-benzin';
-import { Link, TextField, Button, Grid } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { TextField, Button, Grid } from '@material-ui/core';
 import { useAuth } from '../../hooks/useAuth';
 
 
-const useStyles = makeStyles(theme => ({
-  form: {
-    width: theme.spacing(50),
-    display: 'flex',
-    flexDirection: 'column',
-    '& > *': {
-      margin: theme.spacing(1)
-    }
-  },
-}));
-
-
 const LoginForm: React.FC = () => {
-  const classes = useStyles();
   const { login } = useAuth();
   const [username, setUsername] = useState<string>('');
   const [password, setPassword] = useState<string>('');
@@ -35,7 +20,7 @@ const LoginForm: React.FC = () => {
 
   return (
       <Grid container direction="column" spacing={2}>
-        <Grid item xs={3}>
+        <Grid item md={3} xs={12}>
           <TextField
             onChange={handleChangeUsername}
             variant="outlined"
@@ -43,7 +28,7 @@ const LoginForm: React.FC = () => {
             fullWidth
           />
         </Grid>
-        <Grid item xs={3}>
+        <Grid item md={3} xs={12}>
           <TextField
             onChange={handleChangePassword}
             variant="outlined"
@@ -52,7 +37,7 @@ const LoginForm: React.FC = () => {
             fullWidth
           />
         </Grid>
-        <Grid item xs={3}>
+        <Grid item md={3} xs={12}>
           <Button
             onClick={handleSubmit}
             variant="contained"