fix: margins of plot

app.py

@@ -219,15 +219,6 @@ def _make_tracks_figure(
     return fig
 
 
-def _save_fig_png(fig) -> str:
-    """Save plotly figure as PNG."""
-    tmpdir = tempfile.gettempdir()
-    out_path = os.path.join(tmpdir, f"ntv3_tracks_{uuid.uuid4().hex}.png")
-    # Plotly figures can be saved directly as PNG
-    fig.write_image(out_path, width=1200, height=fig.layout.height, scale=2)
-    return out_path
-
-
 # Cache track lists per species so search is instant after first load
 _BIGWIG_CACHE: dict[str, list[str]] = {}
 
@@ -1079,7 +1070,7 @@ with gr.Blocks(title="NTv3 Tracks Demo") as demo:
     btn = gr.Button("Predict", elem_id="predict_btn")
 
     predictions_heading = gr.Markdown(
-        "## NTv3 predictions for selected tracks and elements", visible=False
+        "# NTv3 predictions for selected tracks and elements\n\n", visible=False
     )
     predictions_note = gr.Markdown(
         "Note: NTv3 predictions are for the 37.5% center of the input sequence.",

style.css

@@ -24,11 +24,25 @@ body, .gradio-container {
   position: relative; 
   width: 100% !important; 
   max-width: 100% !important;
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
 }
 #tracks_plot .wrap, 
 #tracks_plot .plot-container {
   width: 100% !important;
   max-width: 100% !important;
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
+
+/* Center the actual plotly plot */
+#tracks_plot .js-plotly-plot,
+#tracks_plot .plotly,
+#tracks_plot [class*="plotly"] {
+  margin: 0 auto !important;
+  display: block !important;
 }