main.css

html,
body {
  margin: 0;
  padding: 0;
}

.text-primary-500 {
  color: #0069f6;
}

.table {
  border-collapse: separate;
  border-spacing: 5em;
}

.leaflet-popup-content {
  margin: 7px 37px 7px 8px;
  line-height: 1.4;
  font-size: 1.3em;
}

.leaflet-control-geocoder-icon {
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}

#map {
  height: 40vh;
}

@media (width >= 768px) {
  tr > td:first-of-type {
    padding-right: 15px;
  }

  #map,
  #filter {
    height: 96vh;
  }
}