New rh column soulmates design

The soulmates RH component should look like this now (for tests):
![screen shot 2014-12-17 at 11 14 31](https://cloud.githubusercontent.com/assets/489567/5470273/c5d61c58-85dd-11e4-8353-7ab8ef15248e.png)

We are using `<i>` for icons. Let's stick to that so we are consistent across the code base.