move comment counts from <i> to :before

and refactor title :befores a bit.

Ensures comment icons align better at smaller breakpoints

![screen shot 2014-09-17 at 11 17 33](https://cloud.githubusercontent.com/assets/867233/4301879/e8c1f51a-3e53-11e4-837a-f3a45546c38f.png) 
vs 
![screen shot 2014-09-17 at 11 17 55](https://cloud.githubusercontent.com/assets/867233/4301882/f13ffb2e-3e53-11e4-84a4-91c85d510711.png)

can we put a class on `a` and hook off that