Post social icon styles updates

[benlk]

Changes

• Removes .left and .right grouping of social icons
• Removes the padding around general .widget and puts it on #sidebar .widget.
• Replaces .icon-email class on containing span.email with an i.icon-email inside the span, for consistency
• Removes the responsive style that hid the print button on mobile.
• Adds .hidden-phone to the text labels.
• Adds .largo-follow to the post social icons at the top of the article page, so that that grabs styles from the Largo Follow widget for coloration of buttons. (This could be done the other way around as well: copy the Largo Follow styles into the post social section of single.less and then add their class to the Largo Follow widget.)
• Does not affect the Largo sticky footer.

Width of 420 px, approximately phone-like:

Width of 769 px, the smallest at which the labels will show.

The padding on the left of these icons is because of the problem described in #950.

Why

For WE-18, and Women's eNews and RNS.

For #950, which had the problem where widgets in the article-bottom position were not as wide as the column:

## Questions - [ ] should I move the coloration styles out of `.largo-follow`? - [x] should this fix #950?

[aschweigert]

What's with the weird left margin when it's at the bottom of the post?

[benlk]

#950 is what's up. Should I tackle that here?

[aschweigert]

yes.

[benlk]

Updated with a fix for #950 and new screenshots.

[benlk]

Moving coloration styles out of .largo-follow isn't essential.

Looks good in the Android 4.2.2 browser:

[benlk]

Now with proper :hover colors.

[rnagle]

Going to merge this to develop.

We'll still need a thorough check of member themes before we're able to deploy this.

[aschweigert]

@benlk the email button is not working for me, is that a known issue?

[benlk]

Unless it's #799, it's not a known issue.