diff --git a/src/vs/workbench/contrib/chat/browser/chatInputPart.ts b/src/vs/workbench/contrib/chat/browser/chatInputPart.ts index e703d976f87..741ee213527 100644 --- a/src/vs/workbench/contrib/chat/browser/chatInputPart.ts +++ b/src/vs/workbench/contrib/chat/browser/chatInputPart.ts @@ -643,7 +643,7 @@ export class ChatInputPart extends Disposable implements IHistoryNavigationWidge inputEditorBorder: 2, followupsHeight: this.followupsContainer.offsetHeight, inputPartEditorHeight: Math.min(this._inputEditor.getContentHeight(), this.inputEditorMaxHeight), - inputPartHorizontalPadding: this.options.renderStyle === 'compact' ? 12 : 40, + inputPartHorizontalPadding: this.options.renderStyle === 'compact' ? 12 : 32, inputPartVerticalPadding: this.options.renderStyle === 'compact' ? 12 : 24, implicitContextHeight: this.attachedContextContainer.offsetHeight, editorBorder: 2, diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index ac6214980ad..4f197fd65fa 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -14,7 +14,7 @@ } .interactive-item-container { - padding: 16px 20px; + padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; @@ -600,8 +600,8 @@ have to be updated for changes to the rules above, or to support more deeply nes } .interactive-session .interactive-input-part { - margin: 0px 20px; - padding: 12px 0px; + margin: 0px 16px; + padding: 0 0 12px 0; display: flex; flex-direction: column; } @@ -696,7 +696,7 @@ have to be updated for changes to the rules above, or to support more deeply nes } .interactive-session .interactive-input-part .interactive-input-followups .interactive-session-followups { - margin-bottom: 8px; + margin: 8px 0; } .interactive-session .interactive-input-part .interactive-input-followups .interactive-session-followups .monaco-button { @@ -832,7 +832,7 @@ have to be updated for changes to the rules above, or to support more deeply nes border: 1px solid var(--vscode-chat-requestBorder); border-radius: 4px; margin-bottom: 8px; - padding: 6px 8px; + padding: 4px 6px; } .interactive-item-container .chat-notification-widget { @@ -857,10 +857,10 @@ have to be updated for changes to the rules above, or to support more deeply nes /* unset Button styles */ display: inline-flex; gap: 4px; - width: 100%; + width: fit-content; border: none; border-radius: 4px; - padding: 4px 8px 4px 0; + padding: 3px 8px 3px 0; text-align: initial; justify-content: initial; }