adjust bottombar menu

Author: AnjaBruls

src/Components/Navigation/BottomBar.js

@@ -29,19 +29,17 @@ const bottomInfo = [
 
 const BottomBar = () => {
     return (
-        <div style={{position:'fixed', left: 0, bottom: 5, zIndex: 2}}>
-            {bottomInfo.map((v, i) => (
-                <IconButton color="primary" key={i} href={v.url} size="medium" target="_blank">
-                    <img
-                        alt={v.name}
-                        src={v.icon}
-                        draggable='false'
-                        width='35em'
-                        style={{opacity:'0.6'}}
-                    />
-                </IconButton>
-            ))}
-        </div>
+        bottomInfo.map((v, i) => (
+            <IconButton color="primary" key={i} href={v.url} size="medium" target="_blank">
+                <img
+                    alt={v.name}
+                    src={v.icon}
+                    draggable='false'
+                    width='35em'
+                    style={{opacity:'0.6'}}
+                />
+            </IconButton>
+        ))
     );
 };
 

src/Components/Util/DrawerLayout.js

@@ -25,10 +25,10 @@ const useStyles = makeStyles((theme) => ({
         height: 'calc(100% - 121px)', // footerHeight (60) + footerMarginTop (5) + topBarHeight (48) + appBarMarginBottom (8) = 121
     },
     footer: {
-        // position:'relative',
-        // marginTop: 5,
-        // height: 60,
-        // bottom: 0
+        position:'fixed',
+        left: 0,
+        bottom: 5,
+        zIndex: 2
     },
     full: {
         display: 'flex',