From b388dbc8ab8167d7be143d9d0abe712fefe89e2f Mon Sep 17 00:00:00 2001
From: Logan Yang <logancyang@gmail.com>
Date: Wed, 13 Nov 2024 19:18:51 -0800
Subject: [PATCH] Fix model and mode menu side offset (#812)

---
 src/components/ChatComponents/ChatControls.tsx | 2 +-
 src/components/ChatComponents/ChatInput.tsx    | 2 +-
 styles.css                                     | 2 --
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/ChatComponents/ChatControls.tsx b/src/components/ChatComponents/ChatControls.tsx
index 07099661..feccb464 100644
--- a/src/components/ChatComponents/ChatControls.tsx
+++ b/src/components/ChatComponents/ChatControls.tsx
@@ -129,7 +129,7 @@ const ChatControls: React.FC<ChatControlsProps> = ({
           </DropdownMenu.Trigger>
 
           <DropdownMenu.Portal>
-            <DropdownMenu.Content className="chain-select-content">
+            <DropdownMenu.Content className="chain-select-content" align="end" sideOffset={5}>
               <DropdownMenu.Item onSelect={() => handleChainChange({ value: "llm_chain" })}>
                 chat
               </DropdownMenu.Item>
diff --git a/src/components/ChatComponents/ChatInput.tsx b/src/components/ChatComponents/ChatInput.tsx
index 04fcbeea..cb9e8df4 100644
--- a/src/components/ChatComponents/ChatInput.tsx
+++ b/src/components/ChatComponents/ChatInput.tsx
@@ -228,7 +228,7 @@ const ChatInput: React.FC<ChatInputProps> = ({
           </DropdownMenu.Trigger>
 
           <DropdownMenu.Portal>
-            <DropdownMenu.Content className="model-select-content">
+            <DropdownMenu.Content className="model-select-content" align="start">
               {settings.activeModels
                 .filter((model) => model.enabled)
                 .map((model) => (
diff --git a/styles.css b/styles.css
index a1c6e8c3..0d33db7f 100644
--- a/styles.css
+++ b/styles.css
@@ -223,7 +223,6 @@ If your plugin does not need CSS, delete this file.
   border-radius: 4px;
   padding: 4px;
   font-size: 10px;
-  transform: translateX(30px);
   z-index: 1000;
 }
 
@@ -259,7 +258,6 @@ If your plugin does not need CSS, delete this file.
   border-radius: 4px;
   padding: 4px;
   font-size: 10px;
-  transform: translateX(-5px);
   z-index: 1000;
 }