Update app.py

app.py

@@ -146,8 +146,10 @@ class OceanCurrentMapper:
             xaxis_title='Longitude',
             yaxis_title='Latitude',
             showlegend=True,
-            width=800,
-            height=600
+            width=None,  # Let it auto-size
+            height=500,  # Smaller height for embedding
+            autosize=True,
+            margin=dict(l=50, r=50, t=80, b=50)
         )
         
         return fig
@@ -205,8 +207,10 @@ class OceanCurrentMapper:
             yaxis2=dict(title='Wave Height (m)', side='right', overlaying='y'),
             yaxis3=dict(title='Wind Speed (m/s)', side='right', overlaying='y', position=0.95),
             showlegend=True,
-            width=800,
-            height=400
+            width=None,  # Let it auto-size
+            height=350,  # Smaller height for embedding
+            autosize=True,
+            margin=dict(l=50, r=50, t=80, b=50)
         )
         
         return fig
@@ -222,20 +226,20 @@ class OceanCurrentMapper:
         conditions = []
         
         if avg_speed < 0.3:
-            conditions.append("Low current speeds - good for beginners")
+            conditions.append("✅ Low current speeds - good for beginners")
         elif avg_speed < 0.8:
-            conditions.append("Moderate currents - suitable for intermediate surfers")
+            conditions.append("⚠️ Moderate currents - suitable for intermediate surfers")
         else:
-            conditions.append("Strong currents - experienced surfers only")
+            conditions.append("❌ Strong currents - experienced surfers only")
         
         if max_speed > 1.0:
-            conditions.append("Strong rip currents detected in some areas")
+            conditions.append("🌊 Strong rip currents detected in some areas")
         
         # Add mock weather conditions
         conditions.extend([
-            f"Water temperature: {20 + np.random.randint(0, 10)}°C",
-            f"Wind: {5 + np.random.randint(0, 15)} mph offshore",
-            f"Wave height: {1 + np.random.randint(0, 3)} meters"
+            f"🌡️ Water temperature: {20 + np.random.randint(0, 10)}°C",
+            f"💨 Wind: {5 + np.random.randint(0, 15)} mph offshore",
+            f"🌊 Wave height: {1 + np.random.randint(0, 3)} meters"
         ])
         
         return "\n".join(conditions)
@@ -257,7 +261,7 @@ def analyze_conditions(region):
 with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
     gr.Markdown("""
     <h1 style="font-size: 3em; text-align: center; color: #2E86AB; margin-bottom: 0.5em;">
-        Real-Time Ocean Current Mapping Tool
+        🌊 Real-Time Ocean Current Mapper
     </h1>
     
     <div style="text-align: center; font-size: 1.2em; margin-bottom: 2em;">
@@ -386,4 +390,9 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
 
 # Launch the app
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(
+        share=True,
+        height=600,  # Set overall app height
+        show_error=True,
+        inbrowser=False
+    )