From ba3e8d674047e83a56b558b5a4fd80ce941c0271 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 16 Aug 2024 15:39:12 +0200
Subject: [PATCH] Style, behavior improvements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 src/components/dropdown-menu/dropdown-menu.tsx | 4 ++--
 src/components/sidebar-menu.tsx                | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/dropdown-menu/dropdown-menu.tsx b/src/components/dropdown-menu/dropdown-menu.tsx
index fc61a4e8ad..d8e6045365 100644
--- a/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/src/components/dropdown-menu/dropdown-menu.tsx
@@ -279,7 +279,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
             <div
               className={clsx('fixed inset-0 z-[1000] bg-gray-500 black:bg-gray-900 no-reduce-motion:transition-opacity dark:bg-gray-700', {
                 'opacity-0': !(isOpen && isDisplayed),
-                'opacity-40': (isOpen && isDisplayed),
+                'opacity-60': (isOpen && isDisplayed),
               })}
               role='button'
               onClick={handleClose}
@@ -306,7 +306,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
                 />
               ))}
               {touching && (
-                <li className='p-2'>
+                <li className='p-2 px-3'>
                   <button
                     className='flex w-full appearance-none place-content-center items-center justify-center rounded-full border border-gray-700 bg-transparent p-2 text-sm font-medium text-gray-700 transition-all hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:border-gray-500 dark:text-gray-500'
                     onClick={onClose}
diff --git a/src/components/sidebar-menu.tsx b/src/components/sidebar-menu.tsx
index 25b401bc13..f6a87b01e3 100644
--- a/src/components/sidebar-menu.tsx
+++ b/src/components/sidebar-menu.tsx
@@ -105,16 +105,21 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
 
   const handleSwitchAccount = (account: AccountEntity): React.MouseEventHandler => (e) => {
     e.preventDefault();
+    e.stopPropagation();
+
     dispatch(switchAccount(account.id));
   };
 
   const onClickLogOut: React.MouseEventHandler = (e) => {
     e.preventDefault();
+    e.stopPropagation();
+
     dispatch(logOut());
   };
 
   const handleSwitcherClick: React.MouseEventHandler = (e) => {
     e.preventDefault();
+    e.stopPropagation();
 
     setSwitcher((prevState) => (!prevState));
   };