UI: move CAMEL line into HTML with zero bottom margin to eliminate gap; keep first row top margin minimal

app.py

@@ -4026,7 +4026,8 @@ def debug_compile():
 # Gradio UI
 # =====================
 with gr.Blocks(title="🎓 Paper2Poster") as iface:
-    gr.Markdown("# 🎓 Paper2Poster")
+    # Title + intro with IDs so we can precisely collapse spacing below them
+    gr.Markdown("# 🎓 Paper2Poster", elem_id="title-md")
     gr.Markdown("""
 [Paper](https://arxiv.org/abs/2505.21497) | [GitHub](https://github.com/Paper2Poster/Paper2Poster) | [Project Page](https://paper2poster.github.io/)  
 
@@ -4039,9 +4040,12 @@ The framework builds upon 🐪 [CAMEL-ai](https://github.com/camel-ai/camel).
     # Top-right logos (camel, tvg, waterloo) if available
     gr.HTML(_ui_header_logos_html())
 
+    # Place the CAMEL line as raw HTML with zero bottom margin to remove extra gap
+    gr.HTML("<div style='margin:4px 0 0 0;line-height:1.25'>The framework builds upon 🐪 <a href='https://github.com/camel-ai/camel' target='_blank' rel='noopener'>CAMEL-ai</a>.</div>")
+
     # -------- Input box --------
-    # Targeted spacing tweak: reduce the top margin only before the main row
-    gr.HTML("<style>#main-row{margin-top:6px!important}</style>")
+    # Precise spacing collapse: ensure minimal gap above first row
+    gr.HTML("<style>#main-row{margin-top:2px!important}</style>")
     with gr.Row(elem_id="main-row"):
         # ========== LEFT: INPUT ==========
         with gr.Column(scale=1):