Update app.R

app.R

@@ -1,6 +1,5 @@
 # setwd("~/Downloads")
 
-
 options(error = NULL)
 library(shiny)
 library(shinydashboard)
@@ -108,6 +107,15 @@ ui <- dashboardPage(
         .small, small {
           font-size: 75%;
         }
+        /* Responsive map container */
+        .map-container {
+          height: 65vh;  /* Default height for desktop */
+        }
+        @media (max-width: 768px) {
+          .map-container {
+            height: 50vh;  /* Taller height for mobile and tablets */
+          }
+        }
       "))
     ),
     tabItems(
@@ -119,12 +127,12 @@ ui <- dashboardPage(
             title = strong("Global Leadership Project (GLP)"),
             solidHeader = TRUE,
             div(
-              style = "height: 65vh; padding: 10px;",  # Adjusted height to make space
+              class = "map-container",
+              style = "padding: 10px;",  # Keep padding, height is set via CSS
               girafeOutput("cartogramPlot", width = "100%", height = "100%")
             )
           )
         ),
-        # New box for displaying selected country data
         fluidRow(
           box(
             width = 12,