From eb15696241c605dd62b388e91c8a8d9d8a92801c Mon Sep 17 00:00:00 2001
From: calli <calli-eve@proton.me>
Date: Wed, 23 Apr 2025 17:59:50 +0300
Subject: [PATCH] make account card clickable for easier collapse action

---
 src/app/components/Account/AccountCard.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/Account/AccountCard.tsx b/src/app/components/Account/AccountCard.tsx
index 59e1e55..ab4dd4c 100644
--- a/src/app/components/Account/AccountCard.tsx
+++ b/src/app/components/Account/AccountCard.tsx
@@ -125,7 +125,12 @@ export const AccountCard = ({ characters, isCollapsed: propIsCollapsed }: { char
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
+            cursor: 'pointer',
+            '&:hover': {
+              backgroundColor: theme.palette.action.hover,
+            },
           }}
+          onClick={() => setLocalIsCollapsed(!localIsCollapsed)}
         >
           <Box>
             <Typography 
@@ -198,7 +203,6 @@ export const AccountCard = ({ characters, isCollapsed: propIsCollapsed }: { char
           </Box>
           <IconButton 
             size="small" 
-            onClick={() => setLocalIsCollapsed(!localIsCollapsed)}
             sx={{ 
               transform: localIsCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)',
               transition: 'transform 0.2s ease-in-out'