From 17891754d3d053f73d4ad7d199ff2faedc683782 Mon Sep 17 00:00:00 2001
From: Shubham-Lal <im.shubhamlal@gmail.com>
Date: Tue, 18 Jun 2024 11:01:47 +0530
Subject: [PATCH] client: fix theme bug, modify card alignment

---
 client/src/App.tsx                              | 2 +-
 client/src/components/card/claim-username.css   | 1 +
 client/src/components/card/open-debate-card.css | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index d0019cc..3b16aa5 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -23,7 +23,7 @@ export default function App() {
   const { expand, sidebar, setSidebar } = useNavStore();
 
   useEffect(() => {
-    document.body.setAttribute('data-theme', localStorage.getItem('theme') || Theme.Dark);
+    document.body.setAttribute('data-theme', localStorage.getItem('theme') === Theme.Light? Theme.Light : Theme.Dark);
     handleAutoLogin(setRoute, setUser, setIsAuthenticated, setAuthTab);
   }, [setRoute, setUser, setIsAuthenticated, setAuthTab]);
 
diff --git a/client/src/components/card/claim-username.css b/client/src/components/card/claim-username.css
index a88a345..44cd354 100644
--- a/client/src/components/card/claim-username.css
+++ b/client/src/components/card/claim-username.css
@@ -17,6 +17,7 @@
 }
 
 #claim-username {
+    margin-right: 5px;
     display: flex;
     flex-direction: column;
     gap: 10px;
diff --git a/client/src/components/card/open-debate-card.css b/client/src/components/card/open-debate-card.css
index f5e1212..559a5de 100644
--- a/client/src/components/card/open-debate-card.css
+++ b/client/src/components/card/open-debate-card.css
@@ -40,7 +40,7 @@
 }
 
 #open-card .debate-header a {
-    padding-top: 3px;
+    padding-top: 3.1px;
     width: fit-content;
     height: fit-content;
     color: var(--card_color_secondary);