Personalizar o botão Mais / Menos zoom no leaflet.js
Estou tentando personalizar o controle de zoom (+/-), para que ele apareça no lado direito, como o Google Maps (https://www.google.com/maps/)
Eu tentei adicionarfloat:right;
mas não funcionou.
No arquivo 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;
}