From cc44ba87a207b68bfc463f2ab1f967fade8b0f29 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Fri, 3 Feb 2023 12:34:32 +0100
Subject: [PATCH] menue button usability

---
 apps/web/components/navigation.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/navigation.tsx b/apps/web/components/navigation.tsx
index 55b11f1b2..e77ce934e 100644
--- a/apps/web/components/navigation.tsx
+++ b/apps/web/components/navigation.tsx
@@ -130,14 +130,22 @@ export default function TopNavigation() {
                     ))}
                   </div>
                 </div>
-                <div className="hidden sm:ml-6 sm:flex sm:items-center">
+                <div
+                  onClick={() => {
+                    document?.getElementById("mb")?.click();
+                  }}
+                  className="hidden sm:ml-6 sm:flex sm:items-center hover:bg-gray-200 px-3 cursor-pointer"
+                >
                   <span className="text-sm">
                     <p className="font-bold">{user?.name || ""}</p>
                     <p>{user?.email}</p>
                   </span>
                   <Menu as="div" className="relative ml-3">
                     <div>
-                      <Menu.Button className="flex max-w-xs items-center rounded-full bg-white text-sm">
+                      <Menu.Button
+                        id="mb"
+                        className="flex max-w-xs items-center rounded-full bg-white text-sm"
+                      >
                         <span className="sr-only">Open user menu</span>
                         <div
                           key={user?.email}