Merge pull request #4873 from continuedev/dallin/chat-flex-dir

Fix wide-screen flex

Author: Patrick-Erichsen

gui/src/components/mainInput/Lump/BlockSettingsTopToolbar.tsx

@@ -57,7 +57,7 @@ function BlockSettingsToolbarIcon(props: BlockSettingsToolbarIcon) {
         className={`relative flex select-none items-center rounded-full px-1 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 ${props.className || ""}`}
       >
         <props.icon
-          className="h-3 w-3 hover:brightness-125"
+          className="h-[13px] w-[13px] flex-shrink-0 hover:brightness-125"
           style={{
             color: props.isSelected ? vscBadgeForeground : undefined,
           }}

gui/src/pages/gui/index.tsx

@@ -3,8 +3,8 @@ import { Chat } from "./Chat";
 
 export default function GUI() {
   return (
-    <div className="flex w-screen flex-col overflow-hidden">
-      <aside className="4xl:block border-vsc-input-border no-scrollbar hidden w-96 overflow-y-auto border-0 border-r border-solid">
+    <div className="flex w-screen flex-row overflow-hidden">
+      <aside className="4xl:flex border-vsc-input-border no-scrollbar hidden w-96 overflow-y-auto border-0 border-r border-solid">
         <History />
       </aside>
       <main className="no-scrollbar flex flex-1 flex-col overflow-y-auto">