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

@@ -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>

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

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 {