Coupon Mountain - Redesign

Fix for issue #699 based on the last mockup.

Desktop:
![screen shot 2014-07-07 at 13 03 43](https://cloud.githubusercontent.com/assets/3652195/3561282/da7de672-09b4-11e4-8e0d-dbe31119c18e.png)


Mobile view:
![screen shot 2014-07-07 at 13 04 07](https://cloud.githubusercontent.com/assets/3652195/3561283/e99fa6a4-09b4-11e4-9cd0-4cc4e19ae3e6.png)

@chrismorast @jagtalon What do you think? 
Ah, wait, I know what happened - I was working on the correct branch, actually, then I switched to the coupon mountain one without committing, that's why these changes are here... Should have remembered to commit before switching branch D: