fix: fixes to rendering in the AI chat

priv/static/assets/app.css

@@ -3676,9 +3676,10 @@ button svg, button svg * {
 .chat-message {
   display: flex;
   max-width: 100%;
+  margin-bottom: 16px;
 }
 .chat-message.user {
-  justify-content: flex-end;
+  flex-direction: row-reverse;
 }
 .chat-message-content {
   max-width: min(760px, 100%);
@@ -3689,10 +3690,11 @@ button svg, button svg * {
   color: var(--vscode-editor-foreground);
 }
 .chat-panel .chat-message.user .chat-message-content {
-  background: transparent;
-  color: var(--vscode-list-activeSelectionForeground);
-  border: 0;
-  padding: 6px 12px;
+  background: var(--vscode-button-background, var(--accent-color, #007acc));
+  color: var(--vscode-button-foreground, var(--vscode-list-activeSelectionForeground, #ffffff));
+  border: 1px solid var(--vscode-button-background, var(--accent-color, #007acc));
+  border-radius: 6px;
+  padding: 12px 14px;
   line-height: 1.35;
 }
 .chat-tool-surface-table {
@@ -3970,17 +3972,17 @@ button svg, button svg * {
   overflow-x: auto;
 }
 .chat-panel .chat-input-container {
-  --chat-input-line-height: 20px;
-  --chat-input-min-height: 20px;
+  --chat-input-line-height: 22px;
+  --chat-input-min-height: 24px;
   border-top: 1px solid var(--vscode-panel-border);
-  padding: 8px 16px;
+  padding: 12px 16px;
   background: var(--vscode-sideBar-background);
 }
 .chat-panel .chat-input-wrapper {
-  min-height: 30px;
+  min-height: 40px;
   border: 1px solid var(--vscode-input-border);
-  border-radius: 6px;
-  padding: 4px 6px;
+  border-radius: 8px;
+  padding: 6px 8px;
   background: var(--vscode-input-background);
 }
 .chat-panel .chat-input-wrapper:focus-within {
@@ -3997,10 +3999,14 @@ button svg, button svg * {
   max-height: 160px;
   resize: vertical;
   border: 0;
+  outline: none;
   background: transparent;
   color: var(--vscode-input-foreground);
   overflow-y: hidden;
 }
+.chat-panel .chat-input:focus {
+  outline: none;
+}
 .chat-panel .chat-input::placeholder {
   color: var(--vscode-input-placeholderForeground);
 }