From caab575b146919cecea0a8cec8a3470f52155452 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Thu, 12 Sep 2024 04:21:04 -0400
Subject: [PATCH] Improve padding

---
 webview-ui/src/components/ChatRow.tsx       | 7 +++----
 webview-ui/src/components/CodeAccordian.tsx | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/webview-ui/src/components/ChatRow.tsx b/webview-ui/src/components/ChatRow.tsx
index 8ca4560..26e9917 100644
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -210,7 +210,7 @@ const ChatRowContent = ({ message, isExpanded, onToggleExpand, lastModifiedMessa
 									display: "flex",
 									justifyContent: "space-between",
 									alignItems: "center",
-									padding: "6px 10px",
+									padding: "9px 10px",
 									cursor: "pointer",
 									userSelect: "none",
 									WebkitUserSelect: "none",
@@ -227,7 +227,6 @@ const ChatRowContent = ({ message, isExpanded, onToggleExpand, lastModifiedMessa
 											overflow: "hidden",
 											textOverflow: "ellipsis",
 											marginRight: "8px",
-											fontSize: "11px",
 											direction: "rtl",
 											textAlign: "left",
 										}}>
@@ -236,7 +235,7 @@ const ChatRowContent = ({ message, isExpanded, onToggleExpand, lastModifiedMessa
 								</div>
 								<span
 									className={`codicon codicon-link-external`}
-									style={{ fontSize: 13, margin: "1.5px 0" }}></span>
+									style={{ fontSize: 13.5, margin: "1px 0" }}></span>
 							</div>
 						</div>
 					</>
@@ -423,7 +422,7 @@ const ChatRowContent = ({ message, isExpanded, onToggleExpand, lastModifiedMessa
 								backgroundColor: "var(--vscode-badge-background)",
 								color: "var(--vscode-badge-foreground)",
 								borderRadius: "3px",
-								padding: "8px",
+								padding: "9px",
 								whiteSpace: "pre-line",
 								wordWrap: "break-word",
 							}}>
diff --git a/webview-ui/src/components/CodeAccordian.tsx b/webview-ui/src/components/CodeAccordian.tsx
index a6530bf..2cf934f 100644
--- a/webview-ui/src/components/CodeAccordian.tsx
+++ b/webview-ui/src/components/CodeAccordian.tsx
@@ -41,7 +41,7 @@ const CodeAccordian = ({ code, diff, language, path, isFeedback, isExpanded, onT
 						display: "flex",
 						justifyContent: "space-between",
 						alignItems: "center",
-						padding: "6px 10px",
+						padding: "9px 10px",
 						cursor: "pointer",
 						userSelect: "none",
 						WebkitUserSelect: "none",
@@ -59,7 +59,7 @@ const CodeAccordian = ({ code, diff, language, path, isFeedback, isExpanded, onT
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								marginRight: "8px",
-								fontSize: "11px",
+								// fontSize: "11px",
 								// trick to get ellipsis at beginning of string
 								direction: "rtl",
 								textAlign: "left",