From 3ec49b7f2447d9d780a267f157537554e8e5be8e Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Thu, 12 Feb 2026 18:30:30 -0500
Subject: [PATCH] Fix chat send/stop buttons squashing on mobile

Add min-width to circular buttons in ChatView and ChatPanel to prevent
flex compression on narrow viewports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/ChatPanel.vue | 1 +
 frontend/src/views/ChatView.vue       | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/frontend/src/components/ChatPanel.vue b/frontend/src/components/ChatPanel.vue
index 8a15bb1..b869043 100644
--- a/frontend/src/components/ChatPanel.vue
+++ b/frontend/src/components/ChatPanel.vue
@@ -598,6 +598,7 @@ function excludeAutoNote(noteId: number) {
 }
 .btn-send {
   width: 30px;
+  min-width: 30px;
   height: 30px;
   padding: 0;
   display: flex;
diff --git a/frontend/src/views/ChatView.vue b/frontend/src/views/ChatView.vue
index da10592..962e19c 100644
--- a/frontend/src/views/ChatView.vue
+++ b/frontend/src/views/ChatView.vue
@@ -865,6 +865,7 @@ function excludeAutoNote(noteId: number) {
 }
 .btn-send {
   width: 34px;
+  min-width: 34px;
   height: 34px;
   padding: 0;
   display: flex;
@@ -884,6 +885,7 @@ function excludeAutoNote(noteId: number) {
 }
 .btn-stop {
   width: 34px;
+  min-width: 34px;
   height: 34px;
   padding: 0;
   display: flex;