Button Icon is Not Positioned in the center of box?

[kurtvon]

There seems to be an issue with my icons position within the box. It's not centered, rather floating near the upper end of the box (The plus Icon). Anyway I could fix this?

L.easyButton('fa-plus', function(){ window.location.href = "https://adkproject.com/submit"; }).addTo(map);

Please note in the image, the lower box is another plugin used to locate gps and not associated with easybutton.

[kurtvon]

I may have solved myself after playing around with the CSS code for easy-button.css. I added the following within .leaflet-bar button section.

padding-top:10px;

Seems to center the icon now. Is there a better approach to this?

[h7896v7347]

Adjust line-height for /
.leaflet-bar i { line-height:30px; }

[khoait]

in my case:
.leaflet-bar i, .leaflet-bar span { line-height:30px; }