Fix spacing of buttons in masthead for mobile

allejo · Mar 22, 2020 · a2c67bb · a2c67bb
1 parent 9629be9
commit a2c67bb
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/_includes/masthead/button.html b/_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

diff --git a/_includes/masthead/buttons.html b/_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 %}

diff --git a/_sass/components/_masthead.scss b/_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 {