Update templates/chatwidget.html

templates/chatwidget.html

@@ -545,6 +545,7 @@
         font-size: xx-large;
         font-weight: bolder;
         display: flex;
+        flex-direction: column;
         justify-content: center;
         align-items: center;
       }
@@ -557,13 +558,21 @@
         text-align: center;
         width: 100vw;
       }
+      #user_id {
+        width: 20%;
+        height: 2rem;
+        border-radius: 5px;
+        border: 1px solid #000;
+        padding: 0.5rem;
+      }
     </style>
-    <div class="bestie">
-      <label>User Id</label>&nbsp;&nbsp;&nbsp;
-    <input type="text" id="user_id" />
-  </div>
+    
       <div class="marwadi">
-        Welcome To AI bestie
+        Welcome To AI Bestie
+        <div class="bestie">
+          <label>User Name</label>&nbsp;&nbsp;&nbsp;
+        <input type="text" id="user_id" />
+      </div>
       </div>
       <div id="chat-circle" class="btn btn-raised" style="">
         <div id="chat-overlay"></div>