Reorganize layout: Key Learning Points on left, Anatomy Diagram on right

app.py

@@ -457,47 +457,49 @@ with gr.Blocks(title="AnatomyBot - MBBS Anatomy Tutor") as demo:
     with gr.Tabs() as tabs:
         # LEARNING MODE TAB
         with gr.Tab("📚 Learning Mode"):
+            # Search and examples at the top
             with gr.Row():
-                with gr.Column():
-                    query_input = gr.Textbox(
-                        label="Ask an Anatomy Question",
-                        placeholder="e.g., Show me the Circle of Willis",
-                        lines=2
-                    )
-                    
-                    # Examples moved here - right below the text box
-                    gr.Examples(
-                        examples=[
-                            ["Show me the Circle of Willis"],
-                            ["Brachial plexus anatomy"],
-                            ["Carpal bones arrangement"],
-                            ["Layers of the scalp"],
-                            ["Anatomy of the heart chambers"],
-                            ["Cranial nerves and their functions"],
-                            ["Structure of the kidney nephron"],
-                            ["Branches of the abdominal aorta"],
-                            ["Rotator cuff muscles"],
-                            ["Spinal cord cross section"],
-                            ["Femoral triangle anatomy"],
-                            ["Larynx cartilages and membranes"],
-                            ["Portal venous system"],
-                            ["Anatomy of the eyeball"],
-                            ["Bronchopulmonary segments"]
-                        ],
-                        inputs=query_input
-                    )
-                    
-                    submit_btn = gr.Button("🔍 Search & Learn", variant="primary", size="lg")
-                    error_output = gr.Markdown(label="Status")
-                    
-                    # VIVA Mode Button
-                    start_viva_btn = gr.Button("🎯 Start VIVA Training", variant="secondary", size="lg")
-                
-                with gr.Column():
-                    image_output = gr.Image(label="Anatomy Diagram", type="pil")
+                query_input = gr.Textbox(
+                    label="Ask an Anatomy Question",
+                    placeholder="e.g., Show me the Circle of Willis",
+                    lines=2
+                )
+            
+            # Examples
+            gr.Examples(
+                examples=[
+                    ["Show me the Circle of Willis"],
+                    ["Brachial plexus anatomy"],
+                    ["Carpal bones arrangement"],
+                    ["Layers of the scalp"],
+                    ["Anatomy of the heart chambers"],
+                    ["Cranial nerves and their functions"],
+                    ["Structure of the kidney nephron"],
+                    ["Branches of the abdominal aorta"],
+                    ["Rotator cuff muscles"],
+                    ["Spinal cord cross section"],
+                    ["Femoral triangle anatomy"],
+                    ["Larynx cartilages and membranes"],
+                    ["Portal venous system"],
+                    ["Anatomy of the eyeball"],
+                    ["Bronchopulmonary segments"]
+                ],
+                inputs=query_input
+            )
             
             with gr.Row():
-                info_output = gr.Markdown(label="Key Points to Know")
+                submit_btn = gr.Button("🔍 Search & Learn", variant="primary", size="lg")
+                start_viva_btn = gr.Button("🎯 Start VIVA Training", variant="secondary", size="lg")
+            
+            error_output = gr.Markdown(label="Status")
+            
+            # Main content: Key Learning Points (left) and Anatomy Diagram (right)
+            with gr.Row():
+                with gr.Column(scale=1):
+                    info_output = gr.Markdown(label="📚 Key Learning Points")
+                
+                with gr.Column(scale=1):
+                    image_output = gr.Image(label="🖼️ Anatomy Diagram", type="pil")
         
         # VIVA MODE TAB
         with gr.Tab("🎯 VIVA Training Mode") as viva_tab: