Improve mobile view

app.py

@@ -310,11 +310,11 @@ def get_patient_conversation():
 
 # --- Gradio App ---
 
-with gr.Blocks(css=".gradio-container {height: 100vh; width: 100vw; overflow: hidden;}") as demo:
+with gr.Blocks(css=".gradio-container {height: 100vh;}") as demo:
     gr.Markdown("<h2 style='text-align: center;'>Radiologist's Companion</h2>")
     default_model = gr.State(model_choices[0])
 
-    with gr.Row(equal_height=True, wrap=True):
+    with gr.Row(equal_height=True):
         # Patient Information
         with gr.Column(scale=1):
             gr.Markdown("### Patient Information")
@@ -332,7 +332,7 @@ with gr.Blocks(css=".gradio-container {height: 100vh; width: 100vw; overflow: hi
         # Chat
         with gr.Column(scale=2):
             gr.Markdown("### Chat")
-            chatbot = gr.Chatbot(label="Chat", type="messages", height=500)
+            chatbot = gr.Chatbot(label="Chat", type="messages", height="auto")
             msg = gr.Textbox(label="Your message", placeholder="Enter your chat message...", show_label=False)
             with gr.Row():
                 submit_btn = gr.Button("Submit", variant="primary")