Update app.py

app.py

@@ -189,29 +189,40 @@ assistant_logo = os.getenv('LOGO')
 with gr.Blocks(theme=isp_theme, css=custom_css) as iface:
     with gr.Column(elem_classes="container"):
         with gr.Row():
-            logo_html = f"""
-            <img id='logo-img' src='{assistant_logo}' alt='Assistant Logo' onerror="this.style.display='none';document.getElementById('logo-error').style.display='block';">
-            <div id='logo-error' style='display:none;'>Logo not found</div>
-            """
-            gr.HTML(logo_html)
+            # Logo and Title
+            gr.HTML(
+                f"""
+                <img id='logo-img' src='{assistant_logo}' alt='Assistant Logo' onerror="this.style.display='none';document.getElementById('logo-error').style.display='block';">
+                <div id='logo-error' style='display:none;'>Logo not found</div>
+                """, 
+                elem_id='logo-container'
+            )
             gr.Markdown(f"# {assistant_title}", elem_classes="title")
-        
+
         gr.Markdown("Chat with a Historical Figure")
-        
-        chatbot = gr.Chatbot(
-            height=500,
-            avatar_images=(None, assistant_avatar),
-            elem_classes="chatbot"
-        )
-        
-        msg = gr.Textbox(placeholder="Type your message here...", container=False, scale=7)
-        
+
+        # Chatbot and message input
+        with gr.Row():
+            with gr.Column(scale=6):
+                chatbot = gr.Chatbot(
+                    height=500,
+                    avatar_images=(None, assistant_avatar),
+                    elem_classes="chatbot"
+                )
+            with gr.Column(scale=1):
+                msg = gr.Textbox(
+                    placeholder="Type your message here...",
+                    container=False
+                )
+                
         with gr.Row(elem_classes="button-row"):
             submit = gr.Button("Submit", variant="primary")
             clear = gr.ClearButton([msg, chatbot], value="Clear", variant="secondary")
             undo = gr.Button("Delete Previous", variant="secondary")
-        
-        gr.HTML("<div id='disclaimer-footer'>You are chatting with an AI assistant. Make sure to evaluate the accuracy of its answers.</div>")
+
+        gr.HTML(
+            "<div id='disclaimer-footer'>You are chatting with an AI assistant. Make sure to evaluate the accuracy of its answers.</div>"
+        )
 
     def user(user_message, history):
         return "", history + [[user_message, None]]