fixes mobile layout

Author: mwiley

_assets/stylesheets/_layout.scss

@@ -2,7 +2,7 @@
  * Site header
  */
 .site-header {
-  padding: 25px 100px;
+  padding: 20px 0;
   background-color: $primary-color-dark;
   border-top: 5px solid $secondary-color-2;
   border-bottom: 5px solid $secondary-color-2-light;
@@ -32,27 +32,27 @@
   }
   .page-link {
     color: $grey-color-light;
-    line-height: $base-line-height;
-    font-weight: bold;
-
-    // Gaps between nav items, but not on the first one
-    &:not(:first-child) {
-      margin-left: 2px;
-    }
-
     background-color: $secondary-color;
     padding: 10px 12px;
     @include border-radius(5px);
 
+    line-height: $base-line-height;
+    font-weight: bold;
+
     &:hover {
       box-shadow: 2px 2px 2px #000;
       text-decoration: none;
     }
+
+    // Gaps between nav items, but not on the first one
+    &:not(:first-child) {
+      margin-left: 2px;
+    }
   }
 
   @include media-query($on-palm) {
     position: absolute;
-    top: 9px;
+    top: 15px;
     right: 30px;
     background-color: $background-color;
     border: 1px solid $grey-color-light;
@@ -62,7 +62,7 @@
       display: block;
       float: right;
       width: 36px;
-      height: 26px;
+      height: 32px;
       line-height: 0;
       padding-top: 10px;
       text-align: center;
@@ -86,6 +86,10 @@
       display: block;
       padding: 5px 10px;
       background-color: #fff;
+      color: #000;
+      &:hover {
+        box-shadow: none;
+      }
     }
   }
 
@@ -178,6 +182,11 @@
 .member-github {
   width: 100px;
 }
+@include media-query($on-palm) {
+  .github-label {
+    display: none;
+  }
+}
 
 /**
 * Calendar

members.html

@@ -18,12 +18,12 @@
                   <path fill="#828282" d="{{ site.data.svg_icons.github }}"/>
                 </svg>
               </span>
-              <span class="username">{{ site.github_username }}</span>
-              GitHub
+              {{ site.github_username }}
+              <span class="github-label">GitHub</span>
             </a>
         {% endif %}
       </td>
-      <td>
+      <td class="member-website">
         {% if member.website %}
           <a href="{{ member.website }}">{{ member.website }}</a>
         {% endif %}