Progress

_sass/minima/_layout.scss

@@ -45,24 +45,17 @@
     display: none;
   }
 
-  .active {
-    font-weight: 600;
-
-    border: solid 1px #666;
-    border-top: none;
-    border-radius: 0 0 10px 10px;
-
-    padding: 17px;
-    // text-decoration: #333 underline solid;
-  }
-
   .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;
+
+    z-index: 10;
+    margin-right: 0px;
   }
 
   .page-link {
@@ -75,17 +68,26 @@
     border-radius: 0 0 10px 10px;
 
     margin: 0 0 0 -1px;
-    padding: 17px 10px 10px 10px;
+    padding: 6px 10px 10px 9px;
 
     float: left;
     text-align: center;
 
+    z-index: 8;
+
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
       // margin-right: -6px;
     }
   }
 
+  .active {
+    font-weight: 600;
+    padding-top: 30px;
+
+    // text-decoration: #333 underline solid;
+  }
+
   @include media-query($on-palm) {
     position: absolute;
     top: 9px;