Update utils/chatbot_interface_test.py

utils/chatbot_interface_test.py

@@ -89,37 +89,28 @@ class ChatbotInterface:
         """
         logging.info("Creating Gradio interface...")
 
-        # Load custom CSS from file if available.
-        css = ""
-        css_path = "style.css"
-        if os.path.exists(css_path):
-            with open(css_path, "r") as f:
-                css = f.read()
-
-        with gr.Blocks() as demo: #css=css
+        with gr.Blocks() as demo: 
             # Title and description area.
             gr.Markdown(f"## {self.title}\n{self.description}")
 
             # Chatbot output area.
             chatbot_output = gr.Chatbot(label=self.output_label, type="messages")
-
             # Use a gr.Row container as the input box with an integrated submit button.
-            with gr.Row(elem_id="input-container"):
-            user_input = gr.Textbox(
-                lines=1,
-                show_label=False,              # Hide label for a unified look.
-                placeholder=self.input_placeholder,
-                elem_id="chat-input"
-            )
+            with gr.Row(elem_id="input-container", equal_height=True):
+                user_input = gr.Textbox(
+                    lines=1,
+                    show_label=False,              # Hide label for a unified look.
+                    elem_id="chat-input",
+                    placeholder=self.input_placeholder,
+                    scale=500,
+                )
+                reset = gr.ClearButton(
+                    value="🔄",  
+                    variant="secondary",
+                    elem_id="reset-button",
+                    size="lg"
+                )
             
-                
-            reset = gr.ClearButton(
-                value="🔄",  
-                variant="primary",
-                elem_id="reset-button",
-                size="sm"
-            )
-
             # Define a local function to reset input  
             def reset_output() -> list:
                 """
@@ -146,7 +137,7 @@ class ChatbotInterface:
             )
             
             
-            Bind the Enter key (textbox submit) to the same processing function
+            # Bind the Enter key (textbox submit) to the same processing function
             user_input.submit(
                 fn=process_input,
                 inputs=[user_input, chatbot_output],