Update app.py

app.py

@@ -183,7 +183,19 @@ theme = gr.themes.Soft(
     block_title_text_weight="600"
 )
 
-with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True) as demo:
+# Custom CSS to shrink gaps in the right column
+custom_css = """
+.tight-header {
+    margin-bottom: -15px !important;
+    padding-bottom: 0px !important;
+}
+.tight-content {
+    margin-top: 0px !important;
+    padding-top: 0px !important;
+}
+"""
+
+with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custom_css) as demo:
     # --- Header with Model Selector ---
     with gr.Row(variant="compact", elem_classes="header-row"):
         with gr.Column(scale=1):
@@ -239,10 +251,10 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True) as demo:
 
         # Right Column: Resources Dashboard (Side View - Visible by default)
         with gr.Column(scale=2) as right_col:
-            gr.Markdown("### 🎒 Learning Dashboard")
+            gr.Markdown("### 🎒 Learning Dashboard", elem_classes="tight-header")
             
             # --- Key Takeaways (Placed in the empty "yellow" space above tabs) ---
-            summary_box_side = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*")
+            summary_box_side = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*", elem_classes="tight-content")
             
             with gr.Tabs():
                 with gr.TabItem("📺 Videos"):