From 23977d054d387f178c06b8d2a206597e0ff57a77 Mon Sep 17 00:00:00 2001
From: Tony Zhang <157202938+zhangtony239@users.noreply.github.com>
Date: Wed, 30 Apr 2025 11:33:27 +0800
Subject: [PATCH] Fix: Adjust padding in chat view for better UI (#2965)

* Fix: Adjust padding in chat view for better UI

* Add transition for chat view padding
---
 webview-ui/src/components/chat/ChatView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webview-ui/src/components/chat/ChatView.tsx b/webview-ui/src/components/chat/ChatView.tsx
index a12dae1a89..a5eef1582e 100644
--- a/webview-ui/src/components/chat/ChatView.tsx
+++ b/webview-ui/src/components/chat/ChatView.tsx
@@ -1265,7 +1265,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 						</div>
 					)}
 					<div
-						className={` w-full flex flex-col gap-4 m-auto ${isExpanded && tasks.length > 0 ? "mt-0" : ""} p-10 pt-5`}>
+						className={` w-full flex flex-col gap-4 m-auto ${isExpanded && tasks.length > 0 ? "mt-0" : ""} max-[370px]:p-3.5 p-10 pt-5 transition-all duration-300`}>
 						<RooHero />
 						{telemetrySetting === "unset" && <TelemetryBanner />}
 						{/* Show the task history preview if expanded and tasks exist */}