Adjusts vertical alignment of labels and badges

Labels and badges have previously used `vertical-align: middle;` which works fairly well on *most* browsers. In Safari, it's pretty noticeably off. This PR changes them to use `vertical-align: baseline;` which should align the label and badge text to the parent text's baseline a lot better.

**Badges (Before)**
![badges - before](https://f.cloud.github.com/assets/29120/879829/3491bc34-f92f-11e2-91da-28d39a78c955.png)

**Badges (After)**
![badges - after](https://f.cloud.github.com/assets/29120/879836/41fb8b02-f92f-11e2-9166-814736b2f3d0.png)

**Labels (Before)**
![labels - before](https://f.cloud.github.com/assets/29120/879841/4c3e6116-f92f-11e2-9136-7890f712a475.png)

**Labels (After)**
![labels - after](https://f.cloud.github.com/assets/29120/879845/4eb827c4-f92f-11e2-8c76-1cb7fb13970a.png)

This has been tested in Safari 6.0.5, Chrome 28.0.1500.71, and Firefox 22.0 on Mac. No Windows testing,