Personalizar el botón Acercar / Alejar en leaflet.js
Estoy tratando de personalizar el control de zoom (+/-), por lo que debería aparecer en el lado derecho como Google Maps (https://www.google.com/maps/)
Traté de agregarfloat:right; Pero no funcionó.
Del archivo CSS:
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-control-zoom-out {
font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
font-size: 24px;
}