commadelimited/jQuery-Mobile-Icon-Pack

Nav bar icons are partially visible

Closed this issue · 3 comments

When nav bar icons are set to the top they are partially visible when used Font Awesome Icon Pack Usage.

Please find the screen shot below.
custom icon error

other custom icons are looking OK for me.

Thanks for the great icons and hope there will be a fix for it.

It seams to work as expected if you comment out margin-top: -10px !important; on .ui-icon

.ui-icon {
width: 20px;
height: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*margin-top: -10px !important;*/
line-height: 20px
}

@butchewing That fixed this issue for me: #30

Just pushed the fix for this.