Change layout to vertical

app.py

@@ -53,6 +53,13 @@ def forecast_time_series(file):
         title='Original Time Series and Forecast with Confidence Intervals',
         xaxis_title='Date',
         yaxis_title='Values',
+        legend=dict(
+            orientation='h',
+            yanchor='bottom',
+            y=1.02,
+            xanchor='right',
+            x=1
+        ),
         hovermode='x unified'
     )
     
@@ -64,19 +71,24 @@ def forecast_time_series(file):
     # Return plot file path and YoY change
     return fig, f'Year-over-Year Change in Sum of Values: {yoy_change:.2%}', combined_file
 
-# Create Gradio interface
-interface = gr.Interface(
-    theme=gr.themes.Monochrome(),
-    fn=forecast_time_series,
-    inputs=gr.File(label="Upload Time Series CSV"),
-    outputs=[
-        gr.Plot(label="Time Series + Forecast Chart"),
-        gr.Text(label="YoY % Change"),
-        gr.File(label="Download Combined Data CSV")
-    ],
-    title="Time Series Forecasting",
-    description="Upload a CSV file with a time series to forecast the next 24 periods and see the YoY % change. Download the combined original and forecast data."
-)
+# Create Gradio interface using Blocks
+with gr.Blocks(theme=gr.themes.Monochrome()) as interface:
+    gr.Markdown("# Time Series Forecasting")
+    gr.Markdown("Upload a CSV file with a time series to forecast the next 24 periods and see the YoY % change. Download the combined original and forecast data.")
+    
+    with gr.Row():
+        file_input = gr.File(label="Upload Time Series CSV")
+    
+    with gr.Row():
+        plot_output = gr.Plot(label="Time Series + Forecast Chart")
+    
+    with gr.Row():
+        yoy_output = gr.Text(label="YoY % Change")
+    
+    with gr.Row():
+        csv_output = gr.File(label="Download Combined Data CSV")
+    
+    file_input.change(forecast_time_series, inputs=file_input, outputs=[plot_output, yoy_output, csv_output])
 
 # Launch the interface
 interface.launch()