From 9f782d70b8653b8070fd36f6396d4a89817fcdc3 Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Mon, 17 Nov 2025 23:08:28 +0530
Subject: [PATCH] SimpleChatTCRV:UI theme simple cleanup - css round 2

Have a common 1vmin radius wrt buttons in general and chat messages.

While the input area and its buttons have more rounded look.

Force a minimum height wrt the buttons in general, while ensuring
that the popover menu buttons tightly fit the content/icons in them.
---
 tools/server/public_simplechat/index.html     |  2 +-
 tools/server/public_simplechat/readme.md      |  6 ++++--
 tools/server/public_simplechat/simplechat.css | 14 ++++++++++++--
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html
index 47203e8338..4f3e192931 100644
--- a/tools/server/public_simplechat/index.html
+++ b/tools/server/public_simplechat/index.html
@@ -61,7 +61,7 @@
             </div>
 
             <hr>
-            <div class="sameline">
+            <div id="user-in-div" class="sameline">
                 <textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea>
                 <button id="user-btn">submit</button>
             </div>
diff --git a/tools/server/public_simplechat/readme.md b/tools/server/public_simplechat/readme.md
index 9d76fc8bab..4007dd9445 100644
--- a/tools/server/public_simplechat/readme.md
+++ b/tools/server/public_simplechat/readme.md
@@ -788,12 +788,14 @@ Cleanup in general
   had to account for delayed collating of available simpleproxy based tool calls, I forgot to clean
   this flow up.
 * Make the sys_date_time template description bit more verbose, just in case.
-* ui_reset_userinput now also resets associated Role always, inturn
+* ui_userinput_reset now also resets associated Role always, inturn
   * full on version from chat_show, inturn when session switching.
     So user switchs session will reset all user input area and related data, while
     also ensuring user input area has the right needed associated role setup.
   * partial version from uirefresh, inturn adding user or tool call response messages.
-
+* ui cleanup
+  * more rounded buttons, chat messages and input area elements
+  * make the body very very lightly gray in color, while the user input area is made whiter.
 
 
 #### ToDo
diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css
index 7f2626ff23..01c51b294a 100644
--- a/tools/server/public_simplechat/simplechat.css
+++ b/tools/server/public_simplechat/simplechat.css
@@ -43,7 +43,7 @@ body {
     border-style: solid;
     border-color: grey;
     border-width: thin;
-    border-radius: 0.5vmin;
+    border-radius: 1vmin;
     display: flex;
     margin-bottom: 2vh;
     /* box-shadow: 1px 1px 4px lightslategray; */
@@ -111,6 +111,10 @@ body {
     padding: 0;
     border-radius: 0.5vmin;
     border-color: lightgray;
+    min-width: fit-content;
+    max-width: fit-content;
+    min-height: fit-content;
+    max-height: fit-content;
 }
 
 
@@ -146,9 +150,15 @@ body {
 #user-in[data-role="TOOL.TEMP"] {
     background-color: lightyellow;
 }
-button {
+#user-in-div button {
     padding-inline: 2vmin;
     border-radius: 2vmin;
+    min-height: 3vmin;
+}
+button {
+    padding-inline: 2vmin;
+    border-radius: 1vmin;
+    min-height: 3vmin;
 }
 
 .sameline {