From 54493f7c60ab2b184f619f5cab0d97b6c93e9d76 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 29 Dec 2025 06:00:38 +0000
Subject: [PATCH] fix: pressing on the left side of log out button does nothing
 (in user menu)

---
 packages/frontend/src/Index.tsx                     |  2 +-
 packages/frontend/src/components/log-out-button.tsx | 10 ++++++++--
 todo.md                                             |  3 +--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/Index.tsx b/packages/frontend/src/Index.tsx
index 1c46376..ec12311 100644
--- a/packages/frontend/src/Index.tsx
+++ b/packages/frontend/src/Index.tsx
@@ -285,7 +285,7 @@ function Index() {
                             </DropdownMenuItem>
                             <DropdownMenuSeparator />
                             <DropdownMenuItem className="flex items-end justify-end p-0 m-0">
-                                <LogOutButton noStyle />
+                                <LogOutButton noStyle className={"flex w-full justify-end"} />
                             </DropdownMenuItem>
                         </DropdownMenuContent>
                     </DropdownMenu>
diff --git a/packages/frontend/src/components/log-out-button.tsx b/packages/frontend/src/components/log-out-button.tsx
index 4307b7d..30260e2 100644
--- a/packages/frontend/src/components/log-out-button.tsx
+++ b/packages/frontend/src/components/log-out-button.tsx
@@ -3,7 +3,13 @@ import { useNavigate } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
-export default function LogOutButton({ noStyle = false }: { noStyle?: boolean }) {
+export default function LogOutButton({
+    noStyle = false,
+    className,
+}: {
+    noStyle?: boolean;
+    className?: string;
+}) {
     const navigate = useNavigate();
 
     const logOut = () => {
@@ -17,7 +23,7 @@ export default function LogOutButton({ noStyle = false }: { noStyle?: boolean })
         <Button
             onClick={logOut}
             variant={noStyle ? "dummy" : "destructive"}
-            className={cn("flex gap-2 items-center", noStyle && "px-2 py-1 m-0 h-auto")}
+            className={cn("flex gap-2 items-center", noStyle && "px-2 py-1 m-0 h-auto", className)}
             size={noStyle ? "none" : "default"}
         >
             Log out
diff --git a/todo.md b/todo.md
index b0042c9..8e2a57f 100644
--- a/todo.md
+++ b/todo.md
@@ -1,5 +1,4 @@
 - user settings/profile page
 - create issue
-- add user(s) to project
+- add/invite user(s) to org
 - rename Project.blob to Project.key
-- pressing on the left side of log out button does nothing (in user menu)