Browse Source

Merge pull request #478 from monotykamary/style/align-chat-input-elements

style: Align text and button in user input box
Matt Rubens 11 months ago
parent
commit
851e8ced51
1 changed files with 3 additions and 2 deletions
  1. 3 2
      webview-ui/src/components/chat/ChatRow.tsx

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

@@ -567,7 +567,7 @@ export const ChatRowContent = ({
 								style={{
 								style={{
 									display: "flex",
 									display: "flex",
 									justifyContent: "space-between",
 									justifyContent: "space-between",
-									alignItems: "flex-start",
+									alignItems: "center",
 									gap: "10px",
 									gap: "10px",
 								}}>
 								}}>
 								<span style={{ display: "block", flexGrow: 1 }}>{highlightMentions(message.text)}</span>
 								<span style={{ display: "block", flexGrow: 1 }}>{highlightMentions(message.text)}</span>
@@ -577,7 +577,8 @@ export const ChatRowContent = ({
 										padding: "3px",
 										padding: "3px",
 										flexShrink: 0,
 										flexShrink: 0,
 										height: "24px",
 										height: "24px",
-										marginTop: "-6px",
+										marginTop: "-3px",
+										marginBottom: "-3px",
 										marginRight: "-6px",
 										marginRight: "-6px",
 									}}
 									}}
 									disabled={isStreaming}
 									disabled={isStreaming}