From 9a06b4d248c4f3f7c10f1d1cfcb42009a0a5bb2c Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Mon, 31 Mar 2025 10:45:36 +0800
Subject: [PATCH] fix: adjust flex properties for better layout in Collapse and
 Panel components

---
 .../workflow/nodes/_base/components/collapse/index.tsx        | 4 ++--
 web/app/components/workflow/nodes/llm/panel.tsx               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/workflow/nodes/_base/components/collapse/index.tsx b/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
index 1c21e37c5e..36ee9c1751 100644
--- a/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
@@ -27,9 +27,9 @@ const Collapse = ({
 
   return (
     <>
-      <div className='flex items-center justify-between'>
+      <div className='flex items-center'>
         <div
-          className='flex items-center'
+          className='flex grow items-center'
           onClick={() => {
             if (!disabled) {
               setCollapsedLocal(!collapsedMerged)
diff --git a/web/app/components/workflow/nodes/llm/panel.tsx b/web/app/components/workflow/nodes/llm/panel.tsx
index 1dd7a4cd42..3fa3432ea7 100644
--- a/web/app/components/workflow/nodes/llm/panel.tsx
+++ b/web/app/components/workflow/nodes/llm/panel.tsx
@@ -294,7 +294,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
         collapsed={structuredOutputCollapsed}
         onCollapse={setStructuredOutputCollapsed}
         operations={
-          <div className='mr-4 flex items-center'>
+          <div className='mr-4 flex shrink-0 items-center'>
             {!isModelSupportStructuredOutput && (
               <Tooltip noDecoration popupContent={
                 <div className='w-[232px] rounded-xl border-[0.5px] border-components-panel-border bg-components-tooltip-bg px-4 py-3.5 shadow-lg backdrop-blur-[5px]'>