From 54d98679ffc3b41ab38954f12548ae37a7d4233e Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Thu, 10 Jul 2025 08:23:56 -0400
Subject: [PATCH] fix: increase floating button width to prevent text wrapping

- Increased width from 110px to 120px to accommodate 'uncloseai.' text
- Added white-space: nowrap to prevent any text wrapping
- Updated both PicoCSS and built-in CSS versions
---
 src/uncloseai-modal-builtin.css | 3 ++-
 src/uncloseai-modal-pico.css    | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css
index 158bfaa..e70fa73 100644
--- a/src/uncloseai-modal-builtin.css
+++ b/src/uncloseai-modal-builtin.css
@@ -1093,7 +1093,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   position: fixed;
   bottom: 20px;
   right: 10px;
-  width: 110px;
+  width: 120px;
   height: 55px;
   border-radius: 22px;
   font-family: 'ChunkFiveRegular', monospace;
@@ -1104,6 +1104,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   transition: all 0.3s ease;
   max-width: calc(100vw - 20px);
   box-sizing: border-box;
+  white-space: nowrap;
   /* Dynamic colors set by JavaScript */
   background: var(--floating-button-bg, #000000);
   border: 2px solid var(--floating-button-border, #ffffff);
diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css
index fc441ca..1e1f84f 100644
--- a/src/uncloseai-modal-pico.css
+++ b/src/uncloseai-modal-pico.css
@@ -1142,7 +1142,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   position: fixed;
   bottom: 20px;
   right: 10px;
-  width: 110px;
+  width: 120px;
   height: 55px;
   border-radius: 22px;
   font-family: 'ChunkFiveRegular', monospace;
@@ -1153,6 +1153,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
   transition: all 0.3s ease;
   max-width: calc(100vw - 20px);
   box-sizing: border-box;
+  white-space: nowrap;
   /* Dynamic colors set by JavaScript */
   background: var(--floating-button-bg, #000000);
   border: 2px solid var(--floating-button-border, #ffffff);