Update app.py

app.py

@@ -391,8 +391,9 @@ with gr.Blocks(css=custom_css) as mapping_interface:
             
             if map_html and processed_path:
                 # Create responsive container for the map that fills the available space
+                # Remove extra height that was causing empty space below
                 responsive_html = f"""
-                <div style="width:100%; height:70vh; margin:0; padding:0; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; position:relative;">
+                <div style="width:100%; height:60vh; margin:0 0 -150px 0; padding:0; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; position:relative;">
                     <style>
                     /* Fix map sizing issues */
                     .leaflet-container {{
@@ -402,6 +403,11 @@ with gr.Blocks(css=custom_css) as mapping_interface:
                         top: 0;
                         left: 0;
                     }}
+                    /* Hide any overflow that might cause extra space */
+                    #map_container {{
+                        overflow: hidden !important;
+                        margin-bottom: 0 !important;
+                    }}
                     </style>
                     {map_html}
                 </div>