How do I make the locate button bigger?

I’m trying to use this on mobile, and I find the locate icon to be a bit small. Is there a way to make the button + icon bigger through the options. Could this be added to the FAQ?

I’ve added the following to the leaflet-bar-part style but it’s not centering well for some reason.

"height: 1.5em; width: 1.5em;font-size: large;vertical-align: center; text-align: center"

I also changed the icon to be crosshairs with L.control.locate({icon: 'fa fa-crosshairs'})

Result in Firefox on Ubuntu

[kaio328]

I figured out what it was! Had a CSS data implemented called ‘mobile.css’. It contains some stylesheets about leaflet control for mobile usage. After removing this file my button can be optimized as you showed above. Thanks anyways!

[kaio328]

I also got problem with styling the button…

.leaflet-control-locate.active a {
}

and

.leaflet-control-locate.active.following a {
}

is simple. But i really struggle with

 .leaflet-control-locate a {
}

I cant change anything : Color, border and even the size. Any hints?