From 26c2fbbc0792e9794952278a3133b2c95052b97b Mon Sep 17 00:00:00 2001
From: Murilo Pires <50873657+MuriloFP@users.noreply.github.com>
Date: Tue, 8 Jul 2025 17:28:12 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20improve=20chat=20UI=20-=20add=20camera?=
 =?UTF-8?q?=20icon=20margin=20and=20make=20placeholder=20no=E2=80=A6=20(#5?=
 =?UTF-8?q?477)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix: improve chat UI - add camera icon margin and make placeholder non-selectable
---
 webview-ui/src/components/chat/ChatTextArea.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/webview-ui/src/components/chat/ChatTextArea.tsx b/webview-ui/src/components/chat/ChatTextArea.tsx
index e44caedb7c..a3e1cc790d 100644
--- a/webview-ui/src/components/chat/ChatTextArea.tsx
+++ b/webview-ui/src/components/chat/ChatTextArea.tsx
@@ -986,7 +986,12 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 							{!inputValue && (
 								<div
 									className="absolute left-2 z-30 pr-9 flex items-center h-8"
-									style={{ bottom: "0.25rem", color: "var(--vscode-tab-inactiveForeground)" }}>
+									style={{
+										bottom: "0.25rem",
+										color: "var(--vscode-tab-inactiveForeground)",
+										userSelect: "none",
+										pointerEvents: "none",
+									}}>
 									{placeholderBottomText}
 								</div>
 							)}
@@ -1147,6 +1152,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 							title={t("chat:addImages")}
 							disabled={shouldDisableImages}
 							onClick={onSelectImages}
+							className="mr-1"
 						/>
 					</div>
 				</div>