Issue with FF -> svg and inline-block in flexbox

OK, so I finished Local Weather app… almost. Here’s the link: http://codepen.io/mikeNIN/full/PbmbVg/, problem is with svg icon which is before temperature.
I used inline-svg with padding-bottom hack, which works everywhere except FF. While troubleshooting this issue I found out that removing “display: inline-block;” from svg container made this icon visible again but in return was no longer centered horizontally.
Also for some reason two from all four additional icons in .enh are very small compared to how it looks in another browsers.

Maybe someone will have some insights at this problem, as I a battling with this for days with no luck.

1 Like