Add Button to LoginProvider

components/sesyon/koneksyon.js

@@ -35,20 +35,20 @@ const PROVIDERS = [
   {
     id: 'google',
     title: 'Google',
-    width: 46,
-    height: 46
+    width: 16,
+    height: 16
   },
   {
     id: 'twitter',
     title: 'Twitter',
-    width: 56,
-    height: 46
+    width: 16,
+    height: 13
   },
   {
     id: 'github',
     title: 'GitHub',
-    width: 52,
-    height: 51
+    width: 16,
+    height: 15
   }
 ]
 
@@ -258,7 +258,7 @@ function Koneksyon({chimen}) {
 
           <Box sx={{textAlign: 'center', marginBottom: 3}}>
             <Typography gutterBottom textAlign='center'>Connectez-vous avec</Typography>
-            <Grid container alignItems='center' justifyContent='center' spacing={5}>
+            <Grid container alignItems='center' justifyContent='center' columnSpacing={{xs: 1, sm: 2, md: 3}}>
               {PROVIDERS.map(({id, title, width, height}) => (
                 <Grid key={id} item marginTop={1}>
                   <LoginProvider id={id} title={title} width={width} height={height} callbackUrl={`${siteUrl}${chimen}`} />