From 4825cf43510fcc901350a2f11dcab2268cce102c Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Mon, 19 Jan 2026 10:42:41 +0900
Subject: [PATCH] Align input field width with message bubbles

- Set input-wrapper to 70% width to match message bubble max-width
- Remove unnecessary max-width constraints from containers

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

diff --git a/frontend/src/components/MessageInput.css b/frontend/src/components/MessageInput.css
index 2fa630e..8d0b119 100644
--- a/frontend/src/components/MessageInput.css
+++ b/frontend/src/components/MessageInput.css
@@ -2,17 +2,14 @@
   display: flex;
   gap: 12px;
   padding: 16px;
-  max-width: 800px;
-  margin: 0 auto;
-  width: 100%;
   box-sizing: border-box;
 }
 
 .message-input .input-wrapper {
-  flex: 1;
   position: relative;
   display: flex;
   flex-direction: column;
+  width: 70%;
 }
 
 .message-input .char-count {
diff --git a/frontend/src/components/MessageList.css b/frontend/src/components/MessageList.css
index 32a1d1c..0001853 100644
--- a/frontend/src/components/MessageList.css
+++ b/frontend/src/components/MessageList.css
@@ -5,10 +5,6 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
-  max-width: 800px;
-  margin: 0 auto;
-  width: 100%;
-  box-sizing: border-box;
 }
 
 .empty-state {