From 5921d6626a90d44085f6954f3d81590210cd04e6 Mon Sep 17 00:00:00 2001
From: jon <janvanwan@gmail.com>
Date: Thu, 23 Jul 2026 16:12:26 -0500
Subject: [PATCH] fix(ui): match input-row button height to the textarea

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 interface/web/src/Chatbot.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/interface/web/src/Chatbot.jsx b/interface/web/src/Chatbot.jsx
index f331f1b..5bc50f3 100644
--- a/interface/web/src/Chatbot.jsx
+++ b/interface/web/src/Chatbot.jsx
@@ -709,16 +709,16 @@ export function Chatbot({ conversationId, setConversationId, onConversationChang
             ))}
           </div>
         )}
-        <div style={{ display: "flex", gap: "0.75rem", alignItems: "flex-end" }}>
+        <div style={{ display: "flex", gap: "0.75rem", alignItems: "stretch" }}>
           <label title="Attach image (needs a vision model)"
-            style={{ padding: "0.9rem", background: "#222", border: "1px solid #333", borderRadius: "10px", cursor: loading ? "default" : "pointer", opacity: loading ? 0.6 : 1, color: "#ccc" }}>
+            style={{ display: "flex", alignItems: "center", justifyContent: "center", padding: "0 0.9rem", background: "#222", border: "1px solid #333", borderRadius: "10px", cursor: loading ? "default" : "pointer", opacity: loading ? 0.6 : 1, color: "#ccc" }}>
             📎
             <input type="file" accept="image/*" multiple onChange={onImagePick} disabled={loading} style={{ display: "none" }} />
           </label>
           {((sttLocal && canRecord) || SpeechRec) && (
             <button onClick={toggleMic}
               title={transcribing ? "Transcribing…" : listening ? "Stop dictation" : sttLocal ? "Dictate (on-device Whisper)" : "Dictate (browser speech)"}
-              style={{ padding: "0.9rem", background: listening ? "#3a1a1a" : "#222", border: "1px solid " + (listening ? "#c0392b" : "#333"), borderRadius: "10px", cursor: transcribing ? "default" : "pointer", color: listening ? "#ff8a80" : "#ccc" }}>
+              style={{ display: "flex", alignItems: "center", justifyContent: "center", padding: "0 0.9rem", background: listening ? "#3a1a1a" : "#222", border: "1px solid " + (listening ? "#c0392b" : "#333"), borderRadius: "10px", cursor: transcribing ? "default" : "pointer", color: listening ? "#ff8a80" : "#ccc" }}>
               {transcribing ? "⏳" : listening ? "🔴" : "🎤"}
             </button>
           )}
@@ -745,7 +745,10 @@ export function Chatbot({ conversationId, setConversationId, onConversationChang
             onClick={loading ? stopGeneration : sendMessage}
             disabled={!loading && !input.trim() && images.length === 0}
             style={{
-              padding: "0.9rem 1.5rem",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "0 1.5rem",
               background: loading ? "#c0392b" : (!input.trim() && images.length === 0 ? "#555" : "#007acc"),
               color: "#fff",
               border: "none",