Update app.py

app.py

@@ -137,8 +137,31 @@ from shiny import App, reactive, ui, render
 from shiny.ui import h2, tags
 
 # Define the UI layout for the app
-app_ui = ui.page_fluid(
-    # Header content with markdown
+# Define the UI layout for the app
+app_ui = ui.page_sidebar(
+    # Sidebar content
+    ui.sidebar(
+        # Row for selecting season and level
+        ui.row(
+            ui.column(6, ui.input_select('year_input', 'Select Season', year_list, selected=2024)),
+            ui.column(6, ui.input_select('level_input', 'Select Level', level_dict)),
+        ),
+        # Row for the action button to get player list
+        ui.row(ui.input_action_button("player_button", "Get Player List", class_="btn-primary")),
+        # Row for selecting the player
+        ui.row(ui.column(12, ui.output_ui('player_select_ui', 'Select Player'))),
+
+        ui.row(
+            ui.column(6, ui.input_switch("switch", "Custom Team?", False)),
+            ui.column(6, ui.input_select('logo_select', 'Select Custom Logo', image_dict_flip, multiple=False))
+        ),
+        
+        # Row for the action button to generate plot
+        ui.row(ui.input_action_button("generate_plot", "Generate Plot", class_="btn-primary")),
+        width="400px"
+    ),
+    
+    # Main content area with header and tabs
     ui.tags.div(
         {"style": "width:90%;margin: 0 auto;max-width: 1600px;"},
         ui.tags.style(
@@ -162,31 +185,6 @@ app_ui = ui.page_fluid(
         ui.markdown("""
         For ease of sharing, you can right-click (desktop) or press+hold (mobile) to save/copy the image.
         """),
-    ),
-    
-    # Page sidebar with tabs
-    ui.page_sidebar(
-        # Sidebar content
-        ui.sidebar(
-            # Row for selecting season and level
-            ui.row(
-                ui.column(6, ui.input_select('year_input', 'Select Season', year_list, selected=2024)),
-                ui.column(6, ui.input_select('level_input', 'Select Level', level_dict)),
-            ),
-            # Row for the action button to get player list
-            ui.row(ui.input_action_button("player_button", "Get Player List", class_="btn-primary")),
-            # Row for selecting the player
-            ui.row(ui.column(12, ui.output_ui('player_select_ui', 'Select Player'))),
-
-            ui.row(
-                ui.column(6, ui.input_switch("switch", "Custom Team?", False)),
-                ui.column(6, ui.input_select('logo_select', 'Select Custom Logo', image_dict_flip, multiple=False))
-            ),
-            
-            # Row for the action button to generate plot
-            ui.row(ui.input_action_button("generate_plot", "Generate Plot", class_="btn-primary")),
-            width="400px"
-        ),
         
         # Tabs
         ui.navset_tab(