Prevent line breaking between FontAwesome icon and text in footer social links

[tlindsay42]

Description

Line breaking between the FontAwesome icon and text does not normally occur in the footer social link list, but it did on my site when I added a Travis CI build badge to the list on my custom footer.html override page. Adding a span to each like in social-share.html would help maintain the look & feel of the theme should other users choose to make a similar customization.

Environment

• Minimal Mistakes version: 4.11.2
• Ruby gem or remote theme version: Remote theme
• Jekyll version: 3.8.1
• Git repository URL: https://github.com/troylindsay/troylindsay.github.io
• Operating system: Windows 10
• GitHub Pages hosted (if yes provide URL to site): https://www.troylindsay.io

---

Expected behavior

Line breaking between the FontAwesome icons and text in footer social links should not occur.

Steps to reproduce the behavior

I added a Travis CI build badge as a list item with right alignment to the footer social link list and...

.

Again, not the most common use case, but this change would help maintain the look and feel of the theme when users make similar customizations.

Pull Request following momentarily.

[tlindsay42]

Yeesh. I am obviously inexperienced at removing previously pushed commits. I thought a hard reset and force push on the branch would do the trick, but was obviously wrong. I also tried a rebase -i, but must have been doing something wrong. Any suggestions @mmistakes? Also, does f5a7a13 look okay?

[tlindsay42]

nm. Just checked the PR and I think that it looks right.