From 6046685aada0c68ab12c6b1570614fdd579bb6bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Mon, 24 Jan 2022 06:46:53 +0400
Subject: [PATCH] Make button with rezo icons

---
 components/rezo.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/rezo.js b/components/rezo.js
index 3b611a2..562fb81 100644
--- a/components/rezo.js
+++ b/components/rezo.js
@@ -1,12 +1,14 @@
-import {Box} from '@mui/material'
+import {IconButton, Stack} from '@mui/material'
 import PropTypes from 'prop-types'
 
 export default function Rezo({rezo}) {
   const {tit, lyen, icon} = rezo
   return (
-    <Box title={tit} sx={{cursor: 'pointer', marginLeft: '20px'}} onClick={() => window.open(lyen, '_blank')}>
-      {icon}
-    </Box>
+    <Stack direction='row' spacing={1}>
+      <IconButton title={tit} onClick={() => window.open(lyen, '_blank')}>
+        {icon}
+      </IconButton>
+    </Stack>
   )
 }