/* Ensure that the html and body take up the full height */
html,
body,
#root,
.App {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Set up Flexbox layout */
.App {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Full viewport height */
}

/* Make the map container fill the remaining space */
.leaflet-container {
  flex: 1 1 auto; /* Allow the map to grow and fill space */
  width: 100%;
}

/*.leaflet-container {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*}*/
