better space

app.py

@@ -33,9 +33,9 @@ def create_matplotlib_bar_charts():
     """Create side-by-side matplotlib bar charts for TTFT and TPOT data."""
     data = DATA.get_ttft_tpot_data(estimator="median", use_cuda_time=False)
 
-    # Create figure with dark theme - wider for side-by-side plots
+    # Create figure with dark theme - larger for more screen space
     plt.style.use('dark_background')
-    fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(20, 12))
+    fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(24, 16))
     fig.patch.set_facecolor('#000000')
 
     # Prepare data
@@ -94,26 +94,26 @@ def create_matplotlib_bar_charts():
     legend_handles = [plt.Rectangle((0,0),1,1, color=color, edgecolor='white') for color in colors]
     fig.legend(legend_handles, legend_labels, loc='lower center', ncol=1,
                bbox_to_anchor=(0.5, -0.05), facecolor='black', edgecolor='white',
-               labelcolor='white', fontsize=9)
+               labelcolor='white', fontsize=12)
 
     # Tight layout with spacing between subplots and extra bottom space for legend
     plt.tight_layout()
     plt.subplots_adjust(wspace=0.3, bottom=0.075)
 
-    # Save plot to bytes
+    # Save plot to bytes with high DPI for crisp text
     buffer = io.BytesIO()
     plt.savefig(buffer, format='png', facecolor='#000000',
-                bbox_inches='tight', dpi=100)
+                bbox_inches='tight', dpi=130)
     buffer.seek(0)
 
     # Convert to base64 for HTML embedding
     img_data = base64.b64encode(buffer.getvalue()).decode()
     plt.close(fig)
 
-    # Return HTML with embedded image - almost full height
+    # Return HTML with embedded image - full height
     html = f"""
-    <div style="width: 100%; height: 95vh; background: #000; display: flex; justify-content: center; align-items: center;">
-        <img src="data:image/png;base64,{img_data}" style="max-width: 100%; max-height: 100%; object-fit: contain;" />
+    <div style="width: 100%; height: 100vh; background: #000; display: flex; justify-content: center; align-items: center;">
+        <img src="data:image/png;base64,{img_data}" style="width: 100%; height: 100%; object-fit: contain;" />
     </div>
     """
     return html