From 6d12cce836f1780b2080c614e76bbe392323e70a Mon Sep 17 00:00:00 2001
From: David Kaya <david@kaya.sk>
Date: Sat, 28 Mar 2026 23:37:01 +0100
Subject: [PATCH] fix: prevent composer action bar from overlaying text field

Change the bottom action bar from absolute positioning to normal
document flow so it sits below the editable area instead of floating
on top. Reduce editable bottom padding since buttons no longer overlap.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 src/renderer/components/ChatPane.tsx | 6 +++---
 src/renderer/styles.css              | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/ChatPane.tsx b/src/renderer/components/ChatPane.tsx
index 6b6dc57..af4b80b 100644
--- a/src/renderer/components/ChatPane.tsx
+++ b/src/renderer/components/ChatPane.tsx
@@ -617,9 +617,9 @@ export function ChatPane({
               }
             >
               {/* Bottom action bar: left = shortcuts, right = buttons */}
-              <div className="absolute inset-x-2 bottom-2 flex items-center justify-between pointer-events-none">
+              <div className="flex items-center justify-between px-2 pb-2">
                 {/* Left: quick actions */}
-                <div className="flex items-center gap-1.5 pointer-events-auto">
+                <div className="flex items-center gap-1.5">
                   {onTerminalToggle && (
                     <InlineTerminalPill
                       disabled={false}
@@ -638,7 +638,7 @@ export function ChatPane({
                 </div>
 
                 {/* Right: attach, plan mode, send */}
-                <div className="flex items-center gap-1 pointer-events-auto">
+                <div className="flex items-center gap-1">
                 {/* Attachment picker */}
                 <button
                   aria-label="Attach image"
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index e44ed78..e65179a 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -145,7 +145,7 @@ body {
   min-height: 52px;
   max-height: 200px;
   overflow-y: auto;
-  padding: 10px 48px 10px 16px;
+  padding: 10px 16px 4px 16px;
   font-size: 14px;
   line-height: 1.6;
   color: #f4f4f5;