Improve appearence of project boxes in "medium" screens

## Small screen

![wp_ss_20140710_0001](https://cloud.githubusercontent.com/assets/667753/3538946/3b77e6ba-0836-11e4-8853-18013e5ad076.png)

## Medium screens

![medium_1](https://cloud.githubusercontent.com/assets/667753/3539037/05df1a04-0837-11e4-915e-73837461761e.png)
![medium_2](https://cloud.githubusercontent.com/assets/667753/3539038/05e09d84-0837-11e4-9e5e-3cdf3b87d3de.png)

## Large screen

![large_1](https://cloud.githubusercontent.com/assets/667753/3539080/7189d794-0837-11e4-94d1-ca5b5e8d0a9f.png)

### Hovering

![large_2](https://cloud.githubusercontent.com/assets/667753/3539061/4a01f97c-0837-11e4-8709-0a78c45a8980.png)

Closes #394. How about it, @snconnolly?
I can't find the article explaining with more words, but basically in some cases the "pretty" slim renders extra spaces (maybe when we use lines starting with `|`) which aren't present in the "ugly" version, introducing bugs - or hiding them - just in development environment. I ended up in one of those cases during the changes in this branch.

Using ugly slim shouldn't be a problem since modern browsers already indent code and does work in the same manner for both ugly and pretty versions. If you're really interested, I can search for the article or just isolate a scenario where this may be a problem.