(Recipes) Mobile Detail View Adjustments

Trying to prevent alignment and spacing issues.

This allows the title and rating/source to shift around, while absolutely positioning the ingredients and flavour profile to prevent it from coming too close to the image.  (They're supposed to clear the image entirely, but `clear: both` doesn't work reliably on child elements, where the parent is adjacent to a float, this gets around that.)

![mobile-recipes-4-line](https://cloud.githubusercontent.com/assets/2266707/5319454/7ba7a22e-7c77-11e4-91f9-072cdd115a99.png)
![mobile-recipes-3-line](https://cloud.githubusercontent.com/assets/2266707/5319458/7fffb06e-7c77-11e4-96a1-69e690270d60.png)
![mobile-recipes-2-line](https://cloud.githubusercontent.com/assets/2266707/5319459/8336fca6-7c77-11e4-9237-74ca3e970623.png)

I also made some adjustments to landscape mode, but it's still kind of ugly.  Not a whole lot we can do there, given the space restraints. :tongue: 

![mobile-recipes-landscape](https://cloud.githubusercontent.com/assets/2266707/5319542/32644b98-7c78-11e4-94b8-77ff4e5fe540.png)

cc @bsstoner @jagtalon @chrismorast