From a3f29848cc97995f034e4f359fd675248033db63 Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Thu, 13 Feb 2025 10:58:10 +0100
Subject: [PATCH] more

---
 packages/trace-viewer/src/ui/aiConversation.css | 13 ++++++++-----
 packages/trace-viewer/src/ui/errorsTab.tsx      |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/trace-viewer/src/ui/aiConversation.css b/packages/trace-viewer/src/ui/aiConversation.css
index 1de4bd7ea0..459d20b0e0 100644
--- a/packages/trace-viewer/src/ui/aiConversation.css
+++ b/packages/trace-viewer/src/ui/aiConversation.css
@@ -26,6 +26,9 @@
   flex: 1;
   overflow-y: auto;
   padding: 16px;
+
+  display: flex;
+  flex-direction: column;
   gap: 16px;
 }
 
@@ -41,8 +44,8 @@
 }
 
 .message-icon {
-  width: 28px;
-  height: 28px;
+  width: 32px;
+  height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -53,12 +56,12 @@
 .message-content {
   background-color: var(--vscode-titleBar-inactiveBackground);
   color: var(--vscode-titleBar-activeForeground);
-  padding: 1px 8px;
-  margin-bottom: 16px;
+  padding: 2px 8px;
 }
 
 .message-content pre {
   text-wrap: auto;
+  overflow-wrap: anywhere;
 }
 
 .user-message .message-content {
@@ -70,7 +73,7 @@
   position: sticky;
   bottom: 0;
   display: flex;
-  height: 50px;
+  height: 64px;
   gap: 8px;
   padding: 10px;
   background-color: var(--vscode-sideBar-background);
diff --git a/packages/trace-viewer/src/ui/errorsTab.tsx b/packages/trace-viewer/src/ui/errorsTab.tsx
index 27fc89ad84..8befbcc224 100644
--- a/packages/trace-viewer/src/ui/errorsTab.tsx
+++ b/packages/trace-viewer/src/ui/errorsTab.tsx
@@ -129,7 +129,7 @@ function Error({ message, error, wallTime, sdkLanguage, pageSnapshot, revealInSo
       </div>}
       <span style={{ position: 'absolute', right: '5px' }}>
         {llmAvailable
-          ? <ToolbarButton onClick={() => setShowLLM(v => !v)} title="Fix with AI" className='copy-to-clipboard-text-button'>{showLLM ? 'Hide AI' : 'Fix with AI'}</ToolbarButton>
+          ? <ToolbarButton onClick={() => setShowLLM(v => !v)} style={{ width: "96px", justifyContent: 'center' }} title="Fix with AI" className='copy-to-clipboard-text-button'>{showLLM ? 'Hide AI' : 'Fix with AI'}</ToolbarButton>
           : <CopyPromptButton error={message} pageSnapshot={pageSnapshot} diff={diff} />}
       </span>
     </div>