Browse Source

Improve padding

Saoud Rizwan 1 year ago
parent
commit
caab575b14

+ 3 - 4
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",
 							}}>

+ 2 - 2
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",