From 4dd5abcb2d270bc5259751f48f04c04a079ac705 Mon Sep 17 00:00:00 2001
From: Miguel Oceguera M <migueloceguera.m@gmail.com>
Date: Thu, 20 Jun 2024 23:02:39 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixed=20padding=20on=20navbar=20?=
 =?UTF-8?q?icon=20and=20added=20hover=20to=20social=20media=20icons=20(#4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/NavBar.tsx |  4 ++--
 src/theme.ts   | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/NavBar.tsx b/src/NavBar.tsx
index 855604f..9034ea5 100644
--- a/src/NavBar.tsx
+++ b/src/NavBar.tsx
@@ -53,13 +53,13 @@ const NavBar = (): ReactElement => {
               aria-label="open drawer"
               onClick={toggleDrawer(true)}
               edge="start"
-              sx={{ display: { xs: 'flex', md: 'none' } }}
+              sx={{ display: { xs: 'flex', md: 'none' }}}
             >
               <MenuIcon />
             </IconButton>
             <Box sx={{ display: { xs: 'none', md: 'flex' }, alignItems: 'center' } }>
               <Link to="/" style={{ textDecoration: 'none', marginRight: '1rem', flexShrink: 0 }}>
-                <Avatar src={logo} alt="Logo WDT" sx={{ width: '100%', height: '100%', maxWidth: '50px' }} />
+                <Avatar src={logo} alt="Logo WDT" sx={{ width: '100%', height: '100%', maxWidth: '50px', py: 1 }} />
               </Link>
               <Link to="/sponsorship" style={{ textDecoration: 'none', height: '100%' }}>
                 <Button className={isActive('/sponsorship') ? 'active' : '' } sx={{ height: '100%', borderRadius: '0' }}>
diff --git a/src/theme.ts b/src/theme.ts
index 18ac410..784bfef 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -13,6 +13,20 @@ const theme = createTheme({
     }
   },
   components: {
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          '&:hover': {
+            backgroundColor: 'rgba(51,152,203,.9)',
+            color: 'white',
+          },
+          '&.active': {
+            backgroundColor: 'rgba(51,152,203,.9)',
+            color: 'white',
+          },
+        },
+      },
+    },
     MuiButton: {
       styleOverrides: {
         root: {