From 3344ec151067ce7f3519935feac5739dd9650c6a Mon Sep 17 00:00:00 2001
From: keannu125 <noehbernasol0@gmail.com>
Date: Tue, 7 Mar 2023 18:00:49 +0800
Subject: [PATCH] Merged sidebar logout button style with other sidebar buttons

---
 src/Components/Logout/Logout.tsx |  4 ++--
 src/styles.tsx                   | 13 -------------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/Components/Logout/Logout.tsx b/src/Components/Logout/Logout.tsx
index 3c10fed..a29cef6 100644
--- a/src/Components/Logout/Logout.tsx
+++ b/src/Components/Logout/Logout.tsx
@@ -25,12 +25,12 @@ export default function Logout(props: props) {
   }
 
   return (
-    <div style={{ paddingTop: "40vh" }}>
+    <div>
       <Button
         onClick={logout}
         value="Log out"
         variant="contained"
-        style={styles.logout_button}
+        style={styles.sidebar_button}
       >
         {props.children}
         <p style={{ ...styles.text_white, ...styles.text_S }}>Log Out</p>
diff --git a/src/styles.tsx b/src/styles.tsx
index 9615241..720ef02 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -102,19 +102,6 @@ const styles: { [key: string]: React.CSSProperties } = {
     borderRadius: 16,
     margin: 4,
   },
-  logout_button: {
-    backgroundColor: "#0b2322",
-    width: "14rem",
-    height: "3rem",
-    border: "none",
-    padding: 8,
-    borderRadius: 16,
-    borderTopLeftRadius: 32,
-    borderBottomLeftRadius: 32,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0,
-    justifyContent: "left",
-  },
   sidebar_button: {
     backgroundColor: "#0b2322",
     width: "14rem",