From 9cb86438ea1964592d5238ae1b9dc683a85c7f6e Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Tue, 20 Jan 2026 20:57:02 +0900
Subject: [PATCH] Widen modal and message bubbles for better text display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Modal: max-w-md → max-w-lg sm:max-w-xl (512px/576px)
- Message bubbles: max-w-[85%] → max-w-[95%]

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index adb6e9e..73737be 100644
--- a/index.html
+++ b/index.html
@@ -659,7 +659,7 @@
            role="dialog"
            aria-modal="true"
            aria-labelledby="launcher-title"
-           class="bg-slate-900/95 backdrop-blur-xl border border-white/10 w-[calc(100%-2rem)] max-w-md sm:max-w-lg mx-4 rounded-3xl shadow-2xl shadow-black/50 overflow-hidden flex flex-col max-h-[85vh]">
+           class="bg-slate-900/95 backdrop-blur-xl border border-white/10 w-[calc(100%-2rem)] max-w-lg sm:max-w-xl mx-4 rounded-3xl shadow-2xl shadow-black/50 overflow-hidden flex flex-col max-h-[85vh]">
 
         <!-- Modal Header -->
         <div class="px-4 py-3 border-b border-white/5 flex justify-between items-center flex-shrink-0">
@@ -683,7 +683,7 @@
               <div :class="msg.type === 'bot'
                 ? 'bg-slate-800 text-slate-200 rounded-2xl rounded-tl-sm'
                 : 'bg-brand-500 text-white rounded-2xl rounded-tr-sm'"
-                class="px-4 py-2.5 max-w-[85%] text-sm">
+                class="px-4 py-2.5 max-w-[95%] text-sm">
                 <span x-text="msg.text"></span>
               </div>
             </div>