Merge pull request #749 from gruntwork-io/apt-2021-fix-social-icons

Fix social icon alignment

Author: ebeneliason

_includes/footer.html

@@ -23,10 +23,10 @@ <h3 class="no-anchor">{{ category.title }}</h3>
             {% if category.title == "Connect" %}
               <li>
                 <div class="btn-group btn-group-social-icons" role="group" aria-label="Group of Social Links">
-                  <a href="{{site.data.contact.github.url}}" class="btn btn-default" role="button"><i class="fa fa-fw fa-github-square"></i></a>
-                  <a href="{{site.data.contact.facebook.url}}" class="btn btn-default" role="button"><i class="fa fa-fw fa-facebook-square"></i></a>
-                  <a href="{{site.data.contact.twitter.url}}" class="btn btn-default" role="button"><i class="fa fa-fw fa-twitter-square"></i></a>
-                  <a href="{{site.data.contact.linkedin.url}}" class="btn btn-default" role="button"><i class="fa fa-fw fa-linkedin-square"></i></a>
+                  <a href="{{site.data.contact.github.url}}" role="button"><i class="fa fa-fw fa-github-square"></i></a>
+                  <a href="{{site.data.contact.facebook.url}}" role="button"><i class="fa fa-fw fa-facebook-square"></i></a>
+                  <a href="{{site.data.contact.twitter.url}}" role="button"><i class="fa fa-fw fa-twitter-square"></i></a>
+                  <a href="{{site.data.contact.linkedin.url}}" role="button"><i class="fa fa-fw fa-linkedin-square"></i></a>
                 </div>
               </li>
             {% endif %}

assets/css/global.scss

@@ -107,7 +107,8 @@ p + .btn {
 .btn-group-social-icons {
   margin-top: 6px;
   margin-left: -4px;
-  .btn {
+  a {
+    display: inline-block;
     margin: 0;
     padding: 0;
     border: none;