Increase plot and legend spacing in HF Space.

Add vertical room and larger bottom margins so long legends do not get cropped by subsequent plots.

Made-with: Cursor

main.js

@@ -254,11 +254,11 @@ function renderPlots() {
 
     Plotly.newPlot(metric.plotId, traces, {
       title: { text: metric.title, x: 0.01, xanchor: 'left', font: { size: 16 } },
-      height: 430,
-      margin: { t: 46, r: 12, b: 130, l: 56 },
+      height: 460,
+      margin: { t: 46, r: 12, b: 165, l: 56 },
       xaxis: { title: { text: 'Model Parameters (Billions)', standoff: 26 }, type: 'log', automargin: true, showgrid: true },
       yaxis: { title: metric.yLabel, range: [metric.yMin, metric.yMax], tickformat: '.2f', automargin: true, showgrid: true },
-      legend: { orientation: 'h', y: -0.36, x: 0.5, xanchor: 'center' },
+      legend: { orientation: 'h', y: -0.44, x: 0.5, xanchor: 'center' },
       hovermode: 'closest'
     }, { responsive: true, displaylogo: false });
   });
@@ -304,8 +304,8 @@ function renderPlots() {
 
     Plotly.newPlot(metric.plotId, traces, {
       title: { text: metric.title, x: 0.01, xanchor: 'left', font: { size: 16 } },
-      height: 430,
-      margin: { t: 46, r: 12, b: 160, l: 56 },
+      height: 460,
+      margin: { t: 46, r: 12, b: 195, l: 56 },
       xaxis: {
         title: { text: 'Model Release Date', standoff: 34 },
         type: 'date',
@@ -320,7 +320,7 @@ function renderPlots() {
       yaxis: { title: metric.yLabel, range: [metric.yMin, metric.yMax], tickformat: '.2f', automargin: true, showgrid: true },
       legend: {
         orientation: 'h',
-        y: -0.44,
+        y: -0.52,
         x: 0.5,
         xanchor: 'center',
         entrywidthmode: 'pixels',

style.css

@@ -133,7 +133,7 @@ tbody tr:hover { background: #f8fbff; }
 }
 .plots h3 { margin: 0 0 6px; }
 .plot-sub { margin: 0 0 12px; color: #475569; }
-.plot-box { width: 100%; height: 390px; margin-bottom: 12px; }
+.plot-box { width: 100%; height: 460px; margin-bottom: 34px; }
 .plot-box:last-child { margin-bottom: 0; }
 .citation-head {
   display: flex;