Soulmates Commercial Component Polish

* Fixes issue previously fixed in https://github.com/guardian/frontend/pull/7225 without resorting to !important
* Fixes sizing of jobs logo on multi-component (hopefully)
* Tidies up design of soulmates component (no more floating logos… things line up with other things…!) and brings it inline with the markup of v2 components

## Before/after wide:
![screen shot 2014-11-21 at 19 07 47](https://cloud.githubusercontent.com/assets/813383/5148145/12a9920a-71b4-11e4-8764-665157f0ea0f.png)
![screen shot 2014-11-21 at 19 08 09](https://cloud.githubusercontent.com/assets/813383/5148146/12cc8184-71b4-11e4-8d99-d6c096e95d0d.png)

## Before/after desktop:
![screen shot 2014-11-21 at 19 08 44](https://cloud.githubusercontent.com/assets/813383/5148151/1d627554-71b4-11e4-8316-54af6ec8e8f5.png)
![screen shot 2014-11-21 at 19 08 58](https://cloud.githubusercontent.com/assets/813383/5148152/1d779b46-71b4-11e4-9680-0bfab3cd5922.png)

## With page skin:
![screen shot 2014-11-21 at 19 25 18](https://cloud.githubusercontent.com/assets/813383/5148153/231083f6-71b4-11e4-88c5-46791b4f78c4.png)

## Fixed jobs logo:
![screen shot 2014-11-21 at 19 26 56](https://cloud.githubusercontent.com/assets/813383/5148160/3f4f8148-71b4-11e4-9fe8-de3a4229c07b.png)

Bonus points for ~~deleting more than I added~~ deleting as much as I added.
Only use $gs-baseline for vertical spacing.