Update app.py

app.py

@@ -156,8 +156,6 @@ class OceanCurrentMapper:
             title=f'Ocean Currents - {region}',
             xaxis=dict(
                 title='Longitude',
-                scaleanchor="y",
-                scaleratio=1,
                 constrain="domain"
             ),
             yaxis=dict(
@@ -166,9 +164,7 @@ class OceanCurrentMapper:
             ),
             showlegend=True,
             autosize=True,
-            # Set explicit dimensions for better control
-            width=800,
-            height=600,
+            # Remove fixed dimensions - let it be responsive
             margin=dict(l=60, r=100, t=80, b=60),
             # Add responsive config
             dragmode='pan',
@@ -252,8 +248,6 @@ class OceanCurrentMapper:
         fig.update_layout(
             title=f'Ocean Conditions Forecast - {region}',
             showlegend=False,
-            width=800,
-            height=650,
             autosize=True,
             margin=dict(l=60, r=50, t=80, b=60),
             hovermode='x unified'
@@ -316,7 +310,7 @@ def create_current_map(region, resolution, show_vectors, show_speed, vector_scal
         # Return empty plot on error
         fig = go.Figure()
         fig.add_annotation(text=f"Error: {str(e)}", x=0.5, y=0.5, showarrow=False)
-        fig.update_layout(width=800, height=600)
+        fig.update_layout(autosize=True)
         return fig
 
 def create_forecast(region, forecast_hours):
@@ -328,7 +322,7 @@ def create_forecast(region, forecast_hours):
         # Return empty plot on error
         fig = go.Figure()
         fig.add_annotation(text=f"Error: {str(e)}", x=0.5, y=0.5, showarrow=False)
-        fig.update_layout(width=800, height=600)
+        fig.update_layout(autosize=True)
         return fig
 
 def analyze_conditions(region):
@@ -359,7 +353,7 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
     
     with gr.Tab("Current Map"):
         with gr.Row():
-            with gr.Column(scale=1, min_width=300):
+            with gr.Column(scale=1):
                 region = gr.Dropdown(
                     choices=["Gulf of Mexico", "California Coast", "Atlantic Coast", "Global"],
                     value="Gulf of Mexico",
@@ -381,12 +375,10 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
                 )
                 update_map = gr.Button("Update Map", variant="primary")
                 
-            with gr.Column(scale=2, min_width=600):
+            with gr.Column(scale=2):
                 current_map = gr.Plot(
                     label="Ocean Current Map",
-                    show_label=False,
-                    container=True,
-                    scale=1
+                    show_label=False
                 )
         
         update_map.click(
@@ -397,7 +389,7 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
     
     with gr.Tab("Forecast"):
         with gr.Row():
-            with gr.Column(scale=1, min_width=300):
+            with gr.Column(scale=1):
                 forecast_region = gr.Dropdown(
                     choices=["Gulf of Mexico", "California Coast", "Atlantic Coast", "Global"],
                     value="Gulf of Mexico",
@@ -412,12 +404,10 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
                 )
                 update_forecast = gr.Button("Generate Forecast", variant="primary")
                 
-            with gr.Column(scale=2, min_width=600):
+            with gr.Column(scale=2):
                 forecast_plot = gr.Plot(
                     label="Ocean Conditions Forecast",
-                    show_label=False,
-                    container=True,
-                    scale=1
+                    show_label=False
                 )
         
         update_forecast.click(
@@ -428,7 +418,7 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
     
     with gr.Tab("Surfing Conditions"):
         with gr.Row():
-            with gr.Column(scale=1, min_width=300):
+            with gr.Column(scale=1):
                 surf_region = gr.Dropdown(
                     choices=["Gulf of Mexico", "California Coast", "Atlantic Coast"],
                     value="California Coast",
@@ -436,7 +426,7 @@ with gr.Blocks(title="Ocean Current Mapper", theme=gr.themes.Ocean()) as demo:
                 )
                 analyze_button = gr.Button("Analyze Conditions", variant="primary")
                 
-            with gr.Column(scale=2, min_width=600):
+            with gr.Column(scale=2):
                 surf_analysis = gr.Textbox(
                     label="Surfing Conditions Analysis",
                     lines=8,