Fix footer links layout

Author: royalicing

lib/components_guide_web/templates/layout/_contentinfo.html.eex

@@ -20,9 +20,9 @@
           <img alt="Creative Commons License" style="opacity: 0.5" src="https://mirrors.creativecommons.org/presskit/buttons/80x15/svg/by-sa.svg" class="inline-block">
         </a>
         <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Components.Guide</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://twitter.com/concreteniche" property="cc:attributionName" rel="cc:attributionURL">Patrick Smith</a> is <a href="https://github.com/ComponentsTV/components_guide/blob/master/LICENSE">licensed</a> under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
-      <li class="inline-block"><a href="https://github.com/ComponentsTV/components_guide">View source on GitHub</a>
-      <li class="inline-block"><a href="https://twitter.com/ComponentsGuide">Twitter</a>
-      <li class="inline-block"><a href="https://app.usefathom.com/share/lyhmlvid/components.guide">View analytics</a>
+      <li class="inline-block"><a href="https://github.com/ComponentsTV/components_guide" class="pr-2">View source on GitHub</a>
+      <li class="inline-block"><a href="https://twitter.com/ComponentsGuide" class="px-2">Twitter</a>
+      <li class="inline-block"><a href="https://app.usefathom.com/share/lyhmlvid/components.guide" class="px-2">View analytics</a>
     </ul>
   </nav>
 </footer>