From 24e00d72746d6ccdca8001885a3a63863fdc4ee4 Mon Sep 17 00:00:00 2001
From: Alex Hancock <alex.hancock@example.com>
Date: Wed, 27 Nov 2024 21:33:02 -0500
Subject: [PATCH] [app] Fix position for MoreMenu and make top region a little
 smaller

---
 ui/desktop/src/ChatWindow.tsx          | 43 ++++++++++++--------------
 ui/desktop/src/components/MoreMenu.tsx |  5 +--
 ui/desktop/src/main.ts                 |  2 +-
 3 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/ui/desktop/src/ChatWindow.tsx b/ui/desktop/src/ChatWindow.tsx
index 76f34b80..5adea015 100644
--- a/ui/desktop/src/ChatWindow.tsx
+++ b/ui/desktop/src/ChatWindow.tsx
@@ -138,29 +138,26 @@ function ChatContent({
 
   return (
     <div className="chat-content flex flex-col w-screen h-screen bg-window-gradient items-center justify-center p-[10px]">
-      <div className="flex w-screen">
-        <div className="flex">
-          <MoreMenu
-            className="absolute top-2 right-2 no-drag"
-            onStopGoose={() => {
-              stop();
-            }}
-            onClearContext={() => {
-              append({
-                id: Date.now().toString(),
-                role: 'system',
-                content: 'Context cleared',
-              });
-            }}
-            onRestartGoose={() => {
-              append({
-                id: Date.now().toString(),
-                role: 'system',
-                content: 'Goose restarted',
-              });
-            }}
-          />
-        </div>
+      <div className="relative block h-[20px] w-screen">
+        <MoreMenu
+          onStopGoose={() => {
+            stop();
+          }}
+          onClearContext={() => {
+            append({
+              id: Date.now().toString(),
+              role: 'system',
+              content: 'Context cleared',
+            });
+          }}
+          onRestartGoose={() => {
+            append({
+              id: Date.now().toString(),
+              role: 'system',
+              content: 'Goose restarted',
+            });
+          }}
+        />
       </div>
       <Card className="flex flex-col flex-1 h-[calc(100vh-95px)] w-full bg-card-gradient mt-0 border-none shadow-xl rounded-2xl relative">
         {messages.length === 0 ? (
diff --git a/ui/desktop/src/components/MoreMenu.tsx b/ui/desktop/src/components/MoreMenu.tsx
index 1cc70380..58a4a80e 100644
--- a/ui/desktop/src/components/MoreMenu.tsx
+++ b/ui/desktop/src/components/MoreMenu.tsx
@@ -20,10 +20,7 @@ export default function MoreMenu({ onStopGoose, onClearContext, onRestartGoose }
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
-        <button
-          className="z-30 block w-[30px] h-[30px]"
-          aria-label="Menu"
-        >
+        <button className="z-[100] absolute top-[-4px] right-[10px] w-[20px] h-[20px] cursor-pointer no-drag">
           <VertDots size={18} />
         </button>
       </PopoverTrigger>
diff --git a/ui/desktop/src/main.ts b/ui/desktop/src/main.ts
index eea604b0..cdd8b012 100644
--- a/ui/desktop/src/main.ts
+++ b/ui/desktop/src/main.ts
@@ -90,7 +90,7 @@ const createChat = async (app, query?: string) => {
   const port = await startGoosed(app);  
   const mainWindow = new BrowserWindow({
     titleBarStyle: 'hidden',
-    trafficLightPosition: { x: 16, y: 18 },
+    trafficLightPosition: { x: 16, y: 10 },
     width: 650,
     height: 800,
     minWidth: 650,