Updated padding for login, report filters and registration

3 files changed, 3 insertions, 15 deletions

diff --git a/modern/src/components/registration/LoginForm.js b/modern/src/components/registration/LoginForm.js
index d2a57a2..382b4fd 100644
--- a/modern/src/components/registration/LoginForm.js
+++ b/modern/src/components/registration/LoginForm.js
@@ -59,7 +59,7 @@ const LoginForm = () => {
 
   return (
     <StartPage>
-      <Grid container direction='column' spacing={3}>
+      <Grid container direction='column' spacing={2}>
         {useMediaQuery(theme.breakpoints.down('md')) &&
           <Grid item className={classes.logoContainer}>
             <svg height="64" width="240">
diff --git a/modern/src/components/registration/RegisterForm.js b/modern/src/components/registration/RegisterForm.js
index a532d09..29089db 100644
--- a/modern/src/components/registration/RegisterForm.js
+++ b/modern/src/components/registration/RegisterForm.js
@@ -52,7 +52,7 @@ const RegisterForm = () => {
         onClose={() => history.push('/login')}
         autoHideDuration={6000}
         message={t('loginCreated')} />    
-      <Grid container direction='column' spacing={3}>
+      <Grid container direction='column' spacing={2}>
         <Grid container item>
           <Grid item>
             <Typography className={classes.link} color='primary'>
diff --git a/modern/src/reports/ReportFilter.js b/modern/src/reports/ReportFilter.js
index 8055d30..b9817d5 100644
--- a/modern/src/reports/ReportFilter.js
+++ b/modern/src/reports/ReportFilter.js
@@ -4,19 +4,7 @@ import { useSelector } from 'react-redux';
 import moment from 'moment';
 import t from '../common/localization';
 
-const useStyles = makeStyles(theme => ({
-  gridContainer: {
-    margin: theme.spacing(0, -1),
-    '& > .MuiGrid-item': {
-      padding: theme.spacing(1.5, 1)
-    }
-  } 
-}));
-
 const ReportFilter = ({ children, handleSubmit, showOnly }) => {
-
-  const classes = useStyles();
-
   const devices = useSelector(state => Object.values(state.devices.items));
   const [deviceId, setDeviceId] = useState();
   const [period, setPeriod] = useState('today');
@@ -68,7 +56,7 @@ const ReportFilter = ({ children, handleSubmit, showOnly }) => {
   }
 
   return (
-    <Grid container spacing={2} className={classes.gridContainer}>
+    <Grid container spacing={2}>
       <Grid item xs={12} sm={period === 'custom' ? 3 : 6}>
         <FormControl variant="filled" fullWidth>
           <InputLabel>{t('reportDevice')}</InputLabel>