Fix spacing of buttons in masthead for mobile

Author: allejo

_includes/masthead/button.html

@@ -1,6 +1,6 @@
 <a
     href="{{ include.url }}"
-    class="site-masthead__button"
+    class="site-masthead__button mx-2 mb-2"
 >
     {% include fa-icon.html
          icon=include.icon

_includes/masthead/buttons.html

@@ -23,7 +23,7 @@
     </div>
 
     {% if site.project.version %}
-        <p class="site-masthead__version mt-2 mb-0">
+        <p class="site-masthead__version my-0">
             Latest release v{{ site.project.version }}
         </p>
     {% endif %}

_sass/components/_masthead.scss

@@ -41,7 +41,6 @@
     border-width: 1px;
     display: inline-block;
     font-size: 1.25rem;
-    margin-right: 1rem;
     padding: 0.75rem 2rem;
 
     &:hover {
@@ -56,10 +55,6 @@
 
         text-decoration: none;
     }
-
-    &:last-child {
-        margin-right: 0;
-    }
 }
 
 .site-masthead__version {