Another adjustments

_includes/header.html

@@ -36,7 +36,7 @@
             </span>
           </label>
 
-          <div class="wrapper trigger">
+          <div class="wrapper trigger page-tabs">
             {%- assign my_pages = site.pages | sort:"order" -%}
 
             {%- for my_page in my_pages -%}

_sass/minima/_layout.scss

@@ -37,6 +37,10 @@
   float: right;
   line-height: $base-line-height * $base-font-size * 2.25;
 
+  .page-tabs {
+    padding-right: 50px;
+  }
+
   .nav-trigger {
       display: none;
   }
@@ -46,18 +50,48 @@
   }
 
   .page-link:hover {
-    border: solid 1px #555;
-    border-top: none;
-    border-right: solid 1px;
-
     color: #020202;
-    text-decoration: none;
-    box-shadow: #0000001f 0px 5px 10px 0px;
+  }
+
+  @media (min-width: 640px) {
+    .page-link:hover {
+        border: solid 1px #555;
+        border-top: none;
+        border-right: solid 1px;
+
+        text-decoration: none;
+        box-shadow: #0000001f 0px 5px 10px 0px;
+
+        z-index: 100;
+        margin-right: 0px;
+
+        &:not(.active) {
+          padding-top: 20px;
+        }
+    }
+
+    .page-link {
+      min-width: 60px;
+      position: relative;
 
-    z-index: 100;
-    margin-right: 0px;
+      border: solid 1px #999;
+      border-top: none;
+      border-radius: 0 0 10px 10px;
 
-    &:not(.active) {
+      margin: 0 0 0 -1px;
+      padding: 2px 10px 4px 9px;
+
+      float: left;
+
+      -moz-transition: padding 0.8s ease;
+      -webkit-transition: padding 0.8s ease;
+      -o-transition: padding 0.8s ease;
+      transition: padding 0.8s ease;
+
+      z-index: 8;
+    }
+
+    .active {
       padding-top: 20px;
     }
   }
@@ -65,27 +99,9 @@
   .page-link {
     color: $text-color;
     line-height: $base-line-height;
-    min-width: 60px;
-    position: relative;
-
-    border: solid 1px #999;
-    border-top: none;
-    border-radius: 0 0 10px 10px;
 
-    margin: 0 0 0 -1px;
-    padding: 2px 10px 4px 9px;
-
-    float: left;
     text-align: center;
 
-    z-index: 8;
-
-    -moz-transition: padding 0.8s ease;
-    -webkit-transition: padding 0.8s ease;
-    -o-transition: padding 0.8s ease;
-    transition: padding 0.8s ease;
-
-
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
       // margin-right: -6px;
@@ -94,9 +110,6 @@
 
   .active {
     font-weight: 600;
-    padding-top: 20px;
-
-    // text-decoration: #333 underline solid;
   }
 
   @include media-query($on-palm) {