From 0bb664f3ad3640274e53809b3624bedbeafcd486 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 6 Jul 2023 00:29:05 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(chatMessage):=20fix=20stylin?=
 =?UTF-8?q?g=20issue=20in=20ChatMessage=20component=20to=20ensure=20proper?=
 =?UTF-8?q?=20alignment=20and=20text=20wrapping=20=F0=9F=90=9B=20fix(chatM?=
 =?UTF-8?q?essage):=20add=20max=20height=20and=20overflow=20to=20Accordion?=
 =?UTF-8?q?Content=20in=20ChatMessage=20component=20to=20prevent=20content?=
 =?UTF-8?q?=20overflow=20=F0=9F=90=9B=20fix(formModal):=20adjust=20width?=
 =?UTF-8?q?=20of=20left=20panel=20in=20FormModal=20component=20to=20improv?=
 =?UTF-8?q?e=20layout=20=F0=9F=90=9B=20fix(formModal):=20fix=20flexbox=20a?=
 =?UTF-8?q?lignment=20issue=20in=20right=20panel=20of=20FormModal=20compon?=
 =?UTF-8?q?ent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modals/formModal/chatMessage/index.tsx         | 10 ++++++----
 src/frontend/src/modals/formModal/index.tsx            |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 252fbf7c3..2c59fee61 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -149,9 +149,9 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div className="flex w-full flex-1 items-center">
-          <div className="inline-block text-start">
-            <span className="text-primary">
+        <div className="flex w-full items-center">
+          <div className="inline-block w-full text-start">
+            <span className="w-full break-all text-primary">
               <Accordion
                 type="multiple"
                 className="my-2 w-full rounded-md bg-muted p-2"
@@ -161,7 +161,9 @@ export default function ChatMessage({
                   .map((key) => (
                     <AccordionItem value={key}>
                       <AccordionTrigger>{key}</AccordionTrigger>
-                      <AccordionContent>{chat.message[key]}</AccordionContent>
+                      <AccordionContent className="max-h-96 overflow-auto break-all">
+                        {chat.message[key]}
+                      </AccordionContent>
                     </AccordionItem>
                   ))}
               </Accordion>
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 110dae303..bf81814a1 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -404,7 +404,7 @@ export default function FormModal({
           </DialogHeader>
 
           <div className="mt-2 flex h-[80vh] w-full ">
-            <div className="mr-6 flex h-full w-2/5 flex-col justify-start overflow-auto scrollbar-hide">
+            <div className="mr-6 flex h-full w-2/6 flex-col justify-start overflow-auto scrollbar-hide">
               <div className="flex items-center py-2">
                 <Variable className=" -ml-px mr-1 h-4 w-4 text-primary"></Variable>
                 <span className="text-md font-semibold text-primary">
@@ -496,7 +496,7 @@ export default function FormModal({
                 ))}
               </Accordion>
             </div>
-            <div className="w-full">
+            <div className="flex w-full flex-1 flex-col">
               <div className="relative flex h-full w-full flex-col rounded-md border bg-muted">
                 <div className="absolute right-3 top-3 z-50">
                   <button disabled={lockChat} onClick={() => clearChat()}>