Update app.py

app.py

@@ -200,26 +200,25 @@ def init():
     return [{"role": "assistant", "content": WELCOME_MESSAGE_EN}], 0, "", [], False
 
 
+
 with gr.Blocks(css="""
 .send-btn {
   background-color: #25D366 !important;
   color: white !important;
   border: none;
-  border-radius: 10px;
+  border-radius: 24px;
   font-size: 20px;
-  height: 42px;
-  width: 100%;
-  padding: 0;
-  margin: 0;
+  padding: 8px 20px;
+  height: 48px;
+  width: 60px;
+  margin-left: 8px;
   cursor: pointer;
 }
-
-
 #chatbox .avatar-container {
-    width: 48px !important;
-    height: 48px !important;
-    min-width: 48px !important;
-    min-height: 48px !important;
+    width: 64px !important;
+    height: 64px !important;
+    min-width: 64px !important;
+    min-height: 64px !important;
     background-size: 100% 100% !important;
     background-position: center center !important;
     border-radius: 50% !important;
@@ -231,14 +230,6 @@ with gr.Blocks(css="""
 }
 #chatbox .message.user { background-color: #DCF8C6 !important; }
 #chatbox .message.assistant { background-color: #ffffff !important; }
-#chatbox .message {
-  line-height: 1.6em !important;
-  padding: 10px 14px !important;
-  border-radius: 12px !important;
-  font-size: 16px !important;
-  max-width: 85% !important;
-}
-
 footer { display: none !important; }
 .svelte-1ipelgc { display: none !important; }
 .icon-button-wrapper {
@@ -270,22 +261,19 @@ label.svelte-1to105q {
         label="",
         avatar_images=["user_avatar.jpg", "humanlike_avatar.png"],
         bubble_full_width=False,
-        height=80,
+        height=500,
         show_copy_button=False,
         type="messages"
     )
 
-    with gr.Row(equal_height=True):
-    with gr.Column(scale=11):
+    with gr.Row():
         user_input = gr.Textbox(
             show_label=False,
             placeholder="Type your message here and press send...",
-            container=True
+            container=True,
+            scale=10
         )
-    with gr.Column(scale=1, min_width=48):
-        send_btn = gr.Button(value="➤", elem_classes="send-btn", scale=1)
-
-  
+        send_btn = gr.Button(value="➤", elem_classes="send-btn")
 
     state = gr.State([])
     step = gr.State(0)