'share' label on small screens is breaking list layout

[MatthewStephens]

On blog pages, there is a version of the sharing sidebar, rendered horizontally just above the footer. The 'share' label is out-of-line with its siblings.

Recommend using something like this to put it above the four icons:

@media #{$small-only} { position:absolute; margin: 0 30%; width: 40%; margin-top: -2rem; }

sibling list items seem to have a slight pad/margin pushing the group to the left, when the label isn't in the flow. Try to center the group.

[MatthewStephens]

looks like the padding of the containing div is responsible. It is set to 0.75rem, and halving this for the list label corrects the centering:

left: -0.375rem;