From 7c64649c22ef1060944e8d083206b02b905f5bf2 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 25 Jun 2025 16:44:37 +0200
Subject: [PATCH] UPDATE Dropdown and Topbar components for improved styling
 and functionality

---
 frontend/src/components/Dropdown.tsx |  4 ++--
 frontend/src/components/Topbar.tsx   | 11 ++---------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Dropdown.tsx b/frontend/src/components/Dropdown.tsx
index 5101c5b..7cbfdb2 100644
--- a/frontend/src/components/Dropdown.tsx
+++ b/frontend/src/components/Dropdown.tsx
@@ -47,12 +47,12 @@ const Dropdown = ({ label, children, className }: DropdownProps) => {
             ref={ref}>
             <button
                 onClick={toggleDropdown}
-                className="inline-flex justify-between w-full rounded-xl border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-600 hover:bg-gray-50"
+                className="inline-flex justify-between w-full rounded-xl px-4 py-2 bg-white text-sm font-medium text-gray-600 hover:bg-gray-50"
             >
                 {label}
             </button>
             {isOpen && (
-                <ul className="absolute w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
+                <ul className="absolute w-48 origin-top-right rounded-md bg-white shadow-lg font-medium">
                     {children}
                 </ul>
             )}
diff --git a/frontend/src/components/Topbar.tsx b/frontend/src/components/Topbar.tsx
index 7b460e6..c4aa2d2 100644
--- a/frontend/src/components/Topbar.tsx
+++ b/frontend/src/components/Topbar.tsx
@@ -25,21 +25,14 @@ const Topbar = ({sidebarToggled, setSidebarToggled, user, className}: props) =>
             { user ? (
                 <div>
                     <img
-                        className={"w-8 h-8 rounded-full inline-block mr-2"}
+                        className={"w-8 h-8 rounded-full inline-block"}
                         src={user.profilePicture}
                         referrerPolicy="no-referrer"
                     />
 
                     <Dropdown label={user.name}>
-                        <DropdownItem item="Logout" onClick={() => globalThis.location.href = logoutUrl} className="text-red-600" />
+                        <DropdownItem item="Logout" onClick={() => globalThis.location.href = logoutUrl} className={"text-red-500 font-medium"} />
                     </Dropdown>
-
-                    {/*<Dropdown label={user.name}>*/}
-                    {/*    <DropdownItem>*/}
-                    {/*        <a href={logoutUrl}>Logout</a>*/}
-                    {/*    </DropdownItem>*/}
-                    {/*</Dropdown>*/}
-
                 </div>
             ) :
             (