Button Icons are Elevated #408

Closed
jasper502 opened this Issue Oct 13, 2012 · 2 comments

Projects

None yet

3 participants

@jasper502

Very weird issue that I can't find a solution to.

I am using font awesome and icons in buttons but the icons end up being elevated like this:

icons

I had a poke in the CSS and this looks like the issue:

.btn [class^="icon-"], .nav-tabs [class^="icon-"], .btn [class*="icon-"], .nav-tabs [class*="icon-"] {
line-height: .9em;
}

If I clear that in the Safari inspector the icons drop to their normal position. I have tried unsuccessfully to override this but I can't seem to fix it.

@jasper502

I found a works around... I added my attempt to override this AFTER the font awesome includes with a line-height: normal;

@codyeatworld

Thanks I was having this issue. As far as I can tell all my buttons look good again.

@toadkicker toadkicker closed this Apr 27, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment