Update app.py

app.py

@@ -265,15 +265,23 @@ def plot_properties_dashboard(df: pd.DataFrame):
         ("LogP", "@LogP{0.00}"),
         ("HBD", "@HBD"),
         ("HBA", "@HBA"),
-        ("TPSA", "@TPSA{0.0} Ų"),
+        ("TPSA", "@TPSA{0.0} Ų"),
         ("Category", "@Category")
     ])
     
-    # Common plot configuration - square plots with no background fill
+    # --- MODIFICATION ---
+    # Common plot configuration - responsive plots with no background fill
+    # Removed fixed width/height and changed sizing_mode to 'scale_width'
     plot_config = {
-        'width': 400, 'height': 400, 'tools': [hover, 'pan,wheel_zoom,box_zoom,reset,save'],
-        'sizing_mode': 'fixed', 'background_fill_color': None,
-        'border_fill_color': None, 'outline_line_color': '#333333'
+        'tools': [hover, 'pan,wheel_zoom,box_zoom,reset,save'],
+        'sizing_mode': 'scale_width', 
+        'background_fill_color': None,
+        'border_fill_color': None, 
+        'outline_line_color': '#333333',
+        'min_border_left': 50,
+        'min_border_right': 50,
+        'min_border_top': 50,
+        'min_border_bottom': 50
     }
     
     def style_plot(p, x_label, y_label, title):
@@ -337,7 +345,7 @@ def plot_properties_dashboard(df: pd.DataFrame):
     p3.scatter('TPSA', 'RotBonds', source=source, legend_group='Category',
                color=color_mapper, size=12, alpha=0.8, line_color='white', line_width=0.5)
     
-    style_plot(p3, "Topological Polar Surface Area (Ų)", "Rotatable Bonds", "Drug Permeability Indicators")
+    style_plot(p3, "Topological Polar Surface Area (Ų)", "Rotatable Bonds", "Drug Permeability Indicators")
 
     # Plot 4: Enhanced Donut Chart
     p4_config = plot_config.copy()
@@ -399,8 +407,10 @@ def plot_properties_dashboard(df: pd.DataFrame):
     p4.axis.visible = False
     p4.grid.visible = False
 
+    # --- MODIFICATION ---
     # Create responsive grid layout
-    grid = gridplot([[p1, p2], [p3, p4]], sizing_mode='fixed', 
+    # Changed sizing_mode to 'scale_width' to make the grid responsive
+    grid = gridplot([[p1, p2], [p3, p4]], sizing_mode='scale_width', 
                    toolbar_location='right', merge_tools=True)
 
     return grid, "✅ Generated enhanced molecular properties dashboard."
@@ -497,7 +507,7 @@ def visualize_molecule_2d_3d(smiles: str, name: str):
         svg_2d = svg_2d.replace('stroke:#000000', 'stroke:#FFFFFF')
         svg_2d = svg_2d.replace('fill:#000000', 'fill:#FFFFFF')
         svg_2d = svg_2d.replace('stroke:#000', 'stroke:#FFF')
-        svg_2d = svg_2d.replace('fill:#000', 'fill:#FFF')
+        svg_2d = svg_2d.replace('fill:#000', 'fill="#FFF"')
         svg_2d = svg_2d.replace('stroke="rgb(0,0,0)"', 'stroke="rgb(255,255,255)"')
         svg_2d = svg_2d.replace('fill="rgb(0,0,0)"', 'fill="rgb(255,255,255)"')
         svg_2d = svg_2d.replace('stroke:rgb(0,0,0)', 'stroke:rgb(255,255,255)')