From 9d529f51b16f0866761011110a7f5925af60e271 Mon Sep 17 00:00:00 2001
From: Clawdbot <lukavyi@me.com>
Date: Wed, 28 Jan 2026 17:38:24 +0100
Subject: [PATCH] fix: responsive layout for chat action buttons on mobile

- Add flex-wrap to prevent button overflow
- Reduce button padding and font-size on small screens
- Hide keyboard hints (Esc/Enter) on mobile
---
 ui/src/styles/components.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 8ce1bf51f..9eb7f2150 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1369,6 +1369,22 @@
   }
 }
 
+@media (max-width: 480px) {
+  .chat-compose__actions {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .chat-compose__actions .btn {
+    padding: 6px 10px;
+    font-size: 13px;
+  }
+
+  .chat-compose__actions .btn-kbd {
+    display: none;
+  }
+}
+
 /* ===========================================
    QR Code
    =========================================== */