Make 3D SDF download button more visible with better labels

app.py

@@ -103,7 +103,14 @@ def name_to_3d_molecule(name: str) -> tuple:
             <p><strong>SMILES:</strong> {canonical_smiles}</p>
             <img src="data:image/png;base64,{img_str}" style="max-width: 100%; border: 1px solid #ddd; border-radius: 8px; padding: 10px; background: white;">
             <p style="margin-top: 10px; color: #666;">2D Structure Preview</p>
-            <p style="margin-top: 10px; color: #28a745; font-weight: bold;">✓ 3D SDF file ready for download below</p>
+            <div style="margin-top: 20px; padding: 15px; background-color: #d4edda; border: 2px solid #28a745; border-radius: 8px;">
+                <p style="color: #155724; font-size: 16px; font-weight: bold; margin: 0;">
+                    ✓ 3D SDF File Generated Successfully!
+                </p>
+                <p style="color: #155724; margin: 5px 0 0 0;">
+                    Scroll down to download the 3D SDF file with optimized coordinates
+                </p>
+            </div>
         </div>
         """
 
@@ -156,13 +163,13 @@ tpsa_interface = gr.Interface(
 
 molecule_3d_interface = gr.Interface(
     fn=name_to_3d_molecule,
-    inputs=gr.Textbox(label="Chemical Name", placeholder="e.g., benzene, aspirin, caffeine"),
+    inputs=gr.Textbox(label="Chemical Name", placeholder="e.g., benzene, aspirin, caffeine, glucose"),
     outputs=[
-        gr.HTML(label="Molecule Viewer"),
-        gr.File(label="Download 3D SDF File")
+        gr.HTML(label="2D Preview"),
+        gr.File(label="📥 Download 3D SDF File (with optimized 3D coordinates)")
     ],
     api_name="name_to_molecule",
-    description="Convert a chemical name to a 2D visualization and download 3D SDF file with coordinates.",
+    description="Get 2D structure preview and download 3D SDF file with optimized molecular coordinates. The SDF file can be opened in PyMOL, Avogadro, ChimeraX, or other molecular viewers.",
     cache_examples=False,
 )