Update app.R

app.R

@@ -317,54 +317,57 @@ available_stats <- c("Pitches", "Avg Velo", "Top Velo", "TimStuff", "Max EV", "A
                      "Spin Rate", "Extension", "IVB", "HB", "CSW%", "Arm Angle", "Bat Speed")
 
 # Then your UI and server code
-ui <- page_fluid(
-  title = "MLB/AAA/FSL Statcast Data",
+ui <- fluidPage(
   theme = bs_theme(preset = "united"),
-  layout_columns(
-    col_width(4, xs = 12, sm = 12, md = 4, lg = 3, xl = 3),
-    col_width(8, xs = 12, sm = 12, md = 8, lg = 9, xl = 9)
-  ),
+  titlePanel("MLB/AAA/FSL Statcast Data"),
   
-  # Left column (sidebar)
-  card(
-    full_screen = FALSE,
-    height = "100%",
-    p("X: ", a("(@TimStats)", href = "https://twitter.com/timstats")),
-    p("Data Updated To:", Sys.Date() - 1),
-    
-    card(
-      class = "mb-3",
-      selectInput("level", "Level:",
-                  c("MLB", "AAA", "FSL"),
-                  multiple = TRUE
-      ),
-      selectInput("group", "Group By:", 
-                  c("Pitcher Name", "Pitcher ID", "Pitch Name", "Batter Name",
-                    "Batter ID", "Season", "Level", "Pitch Type", "Stadium",
-                    "Batter Home/Away", "Pitcher Home/Away", "Pitcher Team",
-                    "Batter Team"),
-                  multiple = TRUE
-      ),
-      selectInput("stats", "Select Stats:",
-                  choices = available_stats,
-                  multiple = TRUE
-      ),
-      dateRangeInput("date_range", "Date Range:",
-                     start = "2024-02-23",
-                     end = Sys.Date() - 1,
-                     min = "2024-02-23",
-                     max = Sys.Date() - 1
+  fluidRow(
+    # Left column (sidebar)
+    column(width = 3,
+      div(
+        style = "height: 100%; padding: 10px; background-color: #f8f9fa; border-right: 1px solid #dee2e6;",
+        p("X: ", a("(@TimStats)", href = "https://twitter.com/timstats")),
+        p("Data Updated To:", Sys.Date() - 1),
+        
+        div(
+          class = "mb-3",
+          style = "background-color: white; padding: 15px; border-radius: 5px; margin-bottom: 15px;",
+          selectInput("level", "Level:",
+                      c("MLB", "AAA", "FSL"),
+                      multiple = TRUE
+          ),
+          selectInput("group", "Group By:", 
+                      c("Pitcher Name", "Pitcher ID", "Pitch Name", "Batter Name",
+                        "Batter ID", "Season", "Level", "Pitch Type", "Stadium",
+                        "Batter Home/Away", "Pitcher Home/Away", "Pitcher Team",
+                        "Batter Team"),
+                      multiple = TRUE
+          ),
+          selectInput("stats", "Select Stats:",
+                      choices = available_stats,
+                      multiple = TRUE
+          ),
+          dateRangeInput("date_range", "Date Range:",
+                         start = "2024-02-23",
+                         end = Sys.Date() - 1,
+                         min = "2024-02-23",
+                         max = Sys.Date() - 1
+          )
+        ),
+        actionButton("add_filter", "Add Filter", class = "btn-primary mb-3"),
+        uiOutput("filter_container"),
+        hr(),
+        actionButton("update_table", "Update Table", class = "btn-success")
       )
     ),
-    actionButton("add_filter", "Add Filter", class = "btn-primary mb-3"),
-    uiOutput("filter_container"),
-    hr(),
-    actionButton("update_table", "Update Table", class = "btn-success")
-  ),
-  
-  # Right column (main content)
-  card(
-    tabulatorOutput("table", height = "800px")
+    
+    # Right column (main content)
+    column(width = 9,
+      div(
+        style = "padding: 10px;",
+        tabulatorOutput("table", height = "800px")
+      )
+    )
   )
 )