From c94471a56f73b7da5ba47993c49f3d4a279b8d36 Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Tue, 11 Nov 2025 12:17:01 +0530
Subject: [PATCH] SimpleChatTCRV:UI Cleanup: scrollOnlyIf, Tool HR, Msg Margin

Limit scroll to veritical dir and inturn show only when needed

Move the Tool Call Edit UI's HR into its div.

Add a bottom margin wrt the individual chat messages.
---
 tools/server/public_simplechat/index.html     | 7 ++-----
 tools/server/public_simplechat/simplechat.css | 4 +++-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html
index dd9b12af7c..305b9d3282 100644
--- a/tools/server/public_simplechat/index.html
+++ b/tools/server/public_simplechat/index.html
@@ -44,23 +44,20 @@
                 <p> You need to have javascript enabled.</p>
             </div>
 
-            <hr>
             <div id="tool-div">
-                <div>
+                <hr>
                 <div class="sameline">
                     <textarea id="toolname-in" class="flex-grow" rows="1" placeholder="name of tool to run"></textarea>
                     <button id="tool-btn">run tool</button>
                 </div>
-                </div>
                 <div class="sameline">
-                <textarea id="toolargs-in" class="flex-grow" rows="2" placeholder="arguments to pass to the specified tool"></textarea>
+                    <textarea id="toolargs-in" class="flex-grow" rows="2" placeholder="arguments to pass to the specified tool"></textarea>
                 </div>
             </div>
 
             <hr>
             <div class="sameline">
                 <textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea>
-                <!-- input id="file-btn" type="file">file</input -->
                 <button id="user-btn">submit</button>
             </div>
 
diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css
index ca20b75ad1..d72fedba1f 100644
--- a/tools/server/public_simplechat/simplechat.css
+++ b/tools/server/public_simplechat/simplechat.css
@@ -38,6 +38,8 @@
     border-width: thin;
     border-radius: 2px;
     display: flex;
+    margin-bottom: 2vh;
+    /* box-shadow: 1px 1px 4px lightslategray; */
 }
 .chat-message-role {
     border-style: dotted;
@@ -101,7 +103,7 @@
 }
 
 #chat-div {
-    overflow: scroll;
+    overflow-y: auto;
     flex-grow: 1;
     flex-shrink: 1;
     min-height: 40vh;