From 94ed7577a3fc84442fc8c3f2274ffdfa030bff87 Mon Sep 17 00:00:00 2001
From: Desmond Kyeremeh <elDekyfin@gmail.com>
Date: Tue, 29 Jun 2021 06:10:07 +0000
Subject: Updated padding for login, report filters and registration

---
 modern/src/components/registration/LoginForm.js    |  2 +-
 modern/src/components/registration/RegisterForm.js |  2 +-
 modern/src/reports/ReportFilter.js                 | 14 +-------------
 3 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/modern/src/components/registration/LoginForm.js b/modern/src/components/registration/LoginForm.js
index d2a57a2c..382b4fdc 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 a532d09c..29089db1 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 8055d30c..b9817d52 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>
-- 
cgit v1.2.3