Merge lp://staging/~dpitkin/ubuntu-webcatalog/fix-facebook-css into lp://staging/ubuntu-webcatalog

Hi David! Cool to see you submitting patches :)

I'm just wondering, did you see this facebook mis-align on the trunk branch, or on production/staging? I'd noticed the same mis-align a while ago and done a fly-by fix as part of this branch on 2012-05-04:

https://code.launchpad.net/~michael.nelson/ubuntu-webcatalog/962140-display-video-demos-pt-2/+merge/104714

by adding the height: 24px. That branch hasn't been rolled out to staging or production yet, but afaics, it aligns the base-lines of the widgets like this:

http://people.canonical.com/~michaeln/tmp/2012-05-29-fb-links-on-trunk.png

Here is what I see on production (ie. the mis-align):

http://people.canonical.com/~michaeln/tmp/2012-05-29-fb-links-on-production.png

Here's what I see locally (or on production/staging using developer tools) with your modifications (ie. tops are aligned):

http://people.canonical.com/~michaeln/tmp/2012-05-29-fb-links-on-trunk-with-dpitkin-patch.png

Let me know what you prefer... if you do prefer your patch (tops of the widgets are aligned), I think we'd be better off using vertical-align:top, removing the height that I added all together (ie. https://pastebin.canonical.com/66941/ ), as it aligns the widgets on FF in the same way (where as the current patch doesn't, at least for me, FF12).

Speaking of FF, it looks like the G+ icon is being cropped in FF using our trunk branch (with all of the above solutions). Anyway, I can fix that once you've decided about this current branch.