From e69d588443aace06dd83bacd9157264023ceaf9e Mon Sep 17 00:00:00 2001
From: TC <hola@puercito.net>
Date: Sun, 14 Jun 2026 19:23:24 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20make=20the=20chat=20box=20less?=
 =?UTF-8?q?=20cramped?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/AIChat/Chat.css      | 14 ++++++--
 src/renderer/components/AIChat/ChatInput.tsx | 36 +++++++++++---------
 2 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/src/renderer/components/AIChat/Chat.css b/src/renderer/components/AIChat/Chat.css
index 8d65158..ba26afe 100644
--- a/src/renderer/components/AIChat/Chat.css
+++ b/src/renderer/components/AIChat/Chat.css
@@ -491,11 +491,18 @@
   color: var(--text-primary);
 }
 
-/* ── Input row: paperclip + textarea + send ─── */
+/* ── Input row: textarea on top, buttons below ─── */
 .chat-input-row {
   display: flex;
-  align-items: flex-end;
-  gap: 8px;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.chat-input-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
 }
 
 .chat-paperclip-btn {
@@ -561,6 +568,7 @@
   padding: 8px 10px;
   resize: none;
   outline: none;
+  overflow: hidden;
   transition: border-color 0.15s;
   min-height: 36px;
 }
diff --git a/src/renderer/components/AIChat/ChatInput.tsx b/src/renderer/components/AIChat/ChatInput.tsx
index be4a837..36f8a49 100644
--- a/src/renderer/components/AIChat/ChatInput.tsx
+++ b/src/renderer/components/AIChat/ChatInput.tsx
@@ -177,15 +177,6 @@ export function ChatInput({ onSend, onAttachmentsChange, disabled }: Props): JSX
       )}
 
       <div className="chat-input-row">
-        <button
-          className="chat-paperclip-btn"
-          onClick={handleAttach}
-          disabled={disabled}
-          title="Attach file (image, text, PDF)"
-          aria-label="Attach file"
-        >
-          ⌁
-        </button>
         <textarea
           ref={textareaRef}
           className="chat-textarea"
@@ -198,14 +189,25 @@ export function ChatInput({ onSend, onAttachmentsChange, disabled }: Props): JSX
           disabled={disabled}
           rows={1}
         />
-        <button
-          className="chat-send-btn"
-          onClick={submit}
-          disabled={!canSend}
-          aria-label="Send"
-        >
-          ↑
-        </button>
+        <div className="chat-input-actions">
+          <button
+            className="chat-paperclip-btn"
+            onClick={handleAttach}
+            disabled={disabled}
+            title="Attach file (image, text, PDF)"
+            aria-label="Attach file"
+          >
+            ⌁
+          </button>
+          <button
+            className="chat-send-btn"
+            onClick={submit}
+            disabled={!canSend}
+            aria-label="Send"
+          >
+            ↑
+          </button>
+        </div>
       </div>
       {menuPos && (
         <ContextMenu