From 4015f35ecb0f7874cab432657d96c7fad036ca7a Mon Sep 17 00:00:00 2001
From: Clawdbot <lukavyi@me.com>
Date: Thu, 29 Jan 2026 17:18:23 +0100
Subject: [PATCH] fix: neutral delete button style, stack input above buttons
 on mobile

---
 ui/src/styles/components.css | 6 +++++-
 ui/src/ui/views/chat.ts      | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 7ccb1286b..3b90f491b 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1370,14 +1370,18 @@
 }
 
 @media (max-width: 480px) {
+  .chat-compose__row {
+    flex-direction: column;
+  }
+
   .chat-compose__actions {
     gap: 4px;
+    justify-content: flex-end;
   }
 
   .chat-compose__actions .btn {
     padding: 4px 8px;
     font-size: 13px;
-    flex-shrink: 0;
   }
 
   .chat-compose__actions .btn-kbd {
diff --git a/ui/src/ui/views/chat.ts b/ui/src/ui/views/chat.ts
index 148a855d8..d92ac2ce5 100644
--- a/ui/src/ui/views/chat.ts
+++ b/ui/src/ui/views/chat.ts
@@ -367,7 +367,7 @@ export function renderChat(props: ChatProps) {
             ${props.onDelete
               ? html`
                   <button
-                    class="btn danger"
+                    class="btn"
                     ?disabled=${!props.connected || isBusy || props.isMainSession}
                     @click=${() => {
                       if (confirm(`Delete session "${props.sessionKey}"?`)) {