diff --git a/ui/src/components/TaskChatThread.test.tsx b/ui/src/components/TaskChatThread.test.tsx index c9cb995574..2994a3acc2 100644 --- a/ui/src/components/TaskChatThread.test.tsx +++ b/ui/src/components/TaskChatThread.test.tsx @@ -423,9 +423,9 @@ describe("TaskChatThread draft pass-through", () => { const thread = container.querySelector('[data-testid="task-chat-thread"]'); expect(thread?.classList).not.toContain("h-(--tc-thread-max-h)"); expect(thread?.classList).toContain("flex-1"); - expect(dock?.classList).toContain("px-2"); + expect(dock?.classList).toContain("px-1"); expect(dock?.classList).toContain("md:px-0"); - expect(dock?.classList).not.toContain("px-1"); + expect(dock?.classList).not.toContain("px-2"); expect(dock?.classList).not.toContain("-mt-(--radius-task-composer)"); expect(dock?.classList).not.toContain("pt-1"); expect(dock?.classList).toContain("md:pb-0"); diff --git a/ui/src/components/TaskChatThread.tsx b/ui/src/components/TaskChatThread.tsx index 046390c3ef..123e617d69 100644 --- a/ui/src/components/TaskChatThread.tsx +++ b/ui/src/components/TaskChatThread.tsx @@ -2889,7 +2889,7 @@ export function TaskChatThread(props: TaskChatThreadProps) { isMobile ? "bottom-(--tc-composer-bottom) z-20 transition-[bottom] duration-200 ease-out" : "bottom-0 z-10", - "mx-auto flex w-full max-w-(--tc-shell-max-w) flex-col gap-2 px-2 pb-2 md:px-4", + "mx-auto flex w-full max-w-(--tc-shell-max-w) flex-col gap-2 px-1 pb-1 md:px-4 md:pb-2", streamlinedUiEnabled && "md:px-0 md:pb-0", (!streamlinedUiEnabled || isMobile) && "bg-background/80 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/60 dark:bg-transparent dark:backdrop-blur-none dark:supports-[backdrop-filter]:bg-transparent", diff --git a/ui/src/components/task-chat/TaskChatComposer.tsx b/ui/src/components/task-chat/TaskChatComposer.tsx index 8448672a92..3c165153bb 100644 --- a/ui/src/components/task-chat/TaskChatComposer.tsx +++ b/ui/src/components/task-chat/TaskChatComposer.tsx @@ -1074,7 +1074,7 @@ export function TaskChatComposer({ streamlined ? "paperclip-task-chat-composer rounded-(--radius-task-composer) border border-border bg-card p-(--sz-18px) shadow-(--shadow-task-composer) dark:border-0 dark:bg-muted dark:shadow-none" : "paperclip-task-chat-composer rounded-xl bg-card p-(--sz-18px)", - mobile && "p-3", + mobile && "p-2", )} onKeyDownCapture={(e) => { // Capture mode shortcuts on the wrapper so they work while the rich diff --git a/ui/src/components/task-chat/TaskChatThreadView.tsx b/ui/src/components/task-chat/TaskChatThreadView.tsx index a1242e367c..7050889da4 100644 --- a/ui/src/components/task-chat/TaskChatThreadView.tsx +++ b/ui/src/components/task-chat/TaskChatThreadView.tsx @@ -429,7 +429,7 @@ export function TaskChatThreadView({ const body = (