Update app.py

app.py

@@ -193,22 +193,13 @@ with gr.Blocks(theme=theme, css="""
         margin-bottom: 1rem;
         flex-shrink: 0;
     }
-    .button {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100px;
-    }
-
-    .textbox .chat-container {
+    .chat-container {
         flex: 1;
         display: flex;
         flex-direction: column;
         min-height: 0;
         margin-bottom: 1rem;
     }
-
-    }
     .gradio-chatbot {
         flex: 1 !important;
         height: auto !important;
@@ -273,6 +264,16 @@ with gr.Blocks(theme=theme, css="""
         <div class='title'>🎓 EduBot</div>
         """)
         
+        # Flexible conversation viewing window
+        with gr.Column(elem_classes=["chat-container"]):
+            chatbot = gr.Chatbot(
+                show_copy_button=True,
+                avatar_images=["👤", "🎓"],
+                placeholder="Hi! I'm EduBot. What would you like to learn today? 📚",
+                container=True,
+                elem_classes=["gradio-chatbot"]
+            )
+        
         # Textbox and send button
         with gr.Row(elem_classes=["input-row"]):
             msg = gr.Textbox(