From 89c7339ea6d68f451becc08f173678d29eae02b0 Mon Sep 17 00:00:00 2001
From: Michael <etheanore@gmail.com>
Date: Tue, 22 Jun 2021 15:21:50 +0200
Subject: [PATCH] Improve dark theme + move theme toggle in the navbar

---
 components/Auth.js           | 2 +-
 components/Nav.js            | 6 +-----
 components/UI/ThemeToggle.js | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/components/Auth.js b/components/Auth.js
index 7914efc..a80e279 100644
--- a/components/Auth.js
+++ b/components/Auth.js
@@ -35,7 +35,7 @@ const AuthComponent = () => {
           socialLayout='horizontal'
           socialButtonSize='xlarge'
           socialColors={true}
-          className='p-5'
+          className='p-5 bg-neutral-content rounded-md'
         />
       </Container>
     </Auth.UserContextProvider>
diff --git a/components/Nav.js b/components/Nav.js
index 16e6d14..926c6fd 100644
--- a/components/Nav.js
+++ b/components/Nav.js
@@ -48,10 +48,6 @@ const Nav = (props) => {
         <a className='btn btn-ghost btn-sm'>Pricing</a>
       </Link>
 
-      <Link href='/'>
-        <a className='btn btn-ghost btn-sm'>About</a>
-      </Link>
-
       <Link href='/contact'>
         <a className='btn btn-ghost btn-sm'>Contact</a>
       </Link>
@@ -67,7 +63,7 @@ const Nav = (props) => {
           <a className='btn btn-primary btn-sm'>Login</a>
         </Link>
       )}
-      <ThemeToggle />
+      <ThemeToggle/>
     </>
   );
 
diff --git a/components/UI/ThemeToggle.js b/components/UI/ThemeToggle.js
index 1a332f5..6ac0b6b 100644
--- a/components/UI/ThemeToggle.js
+++ b/components/UI/ThemeToggle.js
@@ -27,7 +27,7 @@ const ThemeToggle = () => {
   }, [activeTheme]);
 
   return (
-    <button className='flex' onClick={() => setActiveTheme(inactiveTheme)}>
+    <button className='flex ml-3' onClick={() => setActiveTheme(inactiveTheme)}>
       {activeTheme === theme.secondary ? (
         <HiOutlineSun className='m-auto text-xl hover:text-accent' />
       ) : (