From fdad8d61d222b9701ba1825bcbd24b084a4eaa4d Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Mon, 19 Jan 2026 10:50:33 +0900
Subject: [PATCH] Use full width on mobile for message bubbles and input

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/components/MessageInput.css | 2 +-
 frontend/src/components/MessageList.css  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/MessageInput.css b/frontend/src/components/MessageInput.css
index dd045c7..852a190 100644
--- a/frontend/src/components/MessageInput.css
+++ b/frontend/src/components/MessageInput.css
@@ -15,7 +15,7 @@
 
 @media (max-width: 768px) {
   .message-input {
-    max-width: 95%;
+    max-width: 100%;
   }
 }
 
diff --git a/frontend/src/components/MessageList.css b/frontend/src/components/MessageList.css
index e80a1a4..1775727 100644
--- a/frontend/src/components/MessageList.css
+++ b/frontend/src/components/MessageList.css
@@ -46,7 +46,7 @@
 
 @media (max-width: 768px) {
   .message-bubble {
-    max-width: 90%;
+    max-width: 100%;
   }
 }