From b4cd4f89f8ca36d5a875d5995dc3bd2ad032c7cd Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Sat, 24 Jul 2021 14:03:14 +0500
Subject: [PATCH] fix: improve login card in settings

---
 apps/web/src/views/settings.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/views/settings.js b/apps/web/src/views/settings.js
index 286548dc3..c1c96e5fc 100644
--- a/apps/web/src/views/settings.js
+++ b/apps/web/src/views/settings.js
@@ -163,8 +163,7 @@ function Settings(props) {
           <AccountStatus user={user} />
         ) : (
           <Flex
-            bg="shade"
-            p={2}
+            p={1}
             sx={{ borderRadius: "default", cursor: "pointer" }}
             onClick={async () => {
               await showLogInDialog();
@@ -178,18 +177,18 @@ function Settings(props) {
               <Flex>
                 <Flex
                   variant="columnCenter"
-                  bg="primary"
+                  bg="shade"
                   mr={2}
                   size={35}
                   sx={{
                     borderRadius: 80,
                   }}
                 >
-                  <Icon.User size={20} color="static" />
+                  <Icon.User size={20} color="primary" />
                 </Flex>
                 <Flex variant="columnCenter" alignItems="flex-start">
                   <Text variant="subBody">You are not logged in</Text>
-                  <Text variant="body" color="primary" fontSize={"body"}>
+                  <Text variant="body" fontSize={"body"}>
                     Login to sync your notes
                   </Text>
                 </Flex>