From 780ce6edba1064220a0e63094635311cfe9e5f44 Mon Sep 17 00:00:00 2001
From: sp mac bookpro 2605 <spmacbookpro2605@spdeMacBook-Pro.local>
Date: Fri, 12 Jun 2026 13:26:42 +0800
Subject: [PATCH] fix: prevent h5 chat input toolbar overlap

---
 src/styles.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 550b3a1..44d61c2 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -714,18 +714,21 @@ body {
   }
 
   .chat-input-toolbar {
-    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: stretch;
     gap: 0.5rem;
   }
 
   .chat-input-toolbar-left {
+    flex-wrap: wrap;
     gap: 0.5rem;
     flex: 1 1 auto;
     min-width: 0;
   }
 
   .chat-input-toolbar .chat-send-button {
-    margin-left: auto;
+    margin-left: 0;
+    align-self: flex-end;
   }
 
   .chat-model-select .ant-select-selector {
@@ -733,7 +736,14 @@ body {
   }
 
   .chat-model-select .ant-select-selection-item {
-    max-width: 10rem;
+    max-width: 9rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .chat-model-select .ant-select-selection-placeholder {
+    max-width: 9rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;