From dd2f7b50b9e6b12aea5ae0aca0121154c3389e25 Mon Sep 17 00:00:00 2001
From: VWRoli <fustroli@gmail.com>
Date: Wed, 2 Mar 2022 19:30:07 +0100
Subject: [PATCH] fix: issue #497 move theme button

---
 src/components/Navbar.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 2040c153f..3a60a139b 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -127,9 +127,8 @@ function Navbar() {
             <Typography className={classes.buttonStyle}>Contact Us</Typography>
           </Button>
         </Link>
+        <Button onClick={colorMode.toggleColorMode}>Theme</Button>
       </Toolbar>
-      {/* TEMPORARY BUTTON, SHOULD BE REMOVED */}
-      <Button onClick={colorMode.toggleColorMode}>Theme</Button>
       <Button
         className={classes.menuButton}
         aria-controls="basic-menu"
@@ -161,6 +160,9 @@ function Navbar() {
         <MenuItem onClick={handleClose}>Services</MenuItem>
         <MenuItem onClick={handleClose}>Blog</MenuItem>
         <MenuItem onClick={handleClose}>Contact Us</MenuItem>
+        <MenuItem onClick={handleClose} sx={{ paddingLeft: '10px' }}>
+          <Button onClick={colorMode.toggleColorMode}>Theme</Button>
+        </MenuItem>
       </Menu>
     </AppBar>
   );