Browse Source

style: align chatrow through padding and keep flex-start for the trash

Tom X Nguyen 11 months ago
parent
commit
ece63103c7
1 changed files with 4 additions and 2 deletions
  1. 4 2
      webview-ui/src/components/chat/ChatRow.tsx

+ 4 - 2
webview-ui/src/components/chat/ChatRow.tsx

@@ -567,10 +567,12 @@ export const ChatRowContent = ({
 								style={{
 									display: "flex",
 									justifyContent: "space-between",
-									alignItems: "center",
+									alignItems: "flex-start",
 									gap: "10px",
 								}}>
-								<span style={{ display: "block", flexGrow: 1 }}>{highlightMentions(message.text)}</span>
+								<span style={{ display: "block", flexGrow: 1, padding: "4px" }}>
+									{highlightMentions(message.text)}
+								</span>
 								<VSCodeButton
 									appearance="icon"
 									style={{