more footer tweaks

_src/_assets/styles/_page-404.scss

@@ -41,9 +41,12 @@
 
     .footer {
         background: none;
+        border-color: rgba(#fff, .2);
     }
 
     .footer__copyright {
+        border-color: rgba(#fff, .1);
+
         &,
         .menu__link { color: rgba(#fff, .6); }
     }

_src/_assets/styles/bigchain/_footer.scss

@@ -3,10 +3,7 @@
     @extend .background--darker;
     border-top: 1px solid $gray;
     color: $gray-light;
-
-    .grid__col {
-        padding-bottom: 0;
-    }
+    padding-bottom: 0;
 }
 
 

_src/_assets/styles/bigchain/_menus.scss

@@ -132,27 +132,31 @@
         &:focus,
         &.active { color: $brand-primary; }
     }
+}
 
-    .footer__copyright {
-        text-align: center;
-        display: block;
-        margin-top: $spacer;
 
-        @media ($screen-sm) {
-            text-align: left;
-            margin-bottom: -($spacer * 2);
-        }
+.footer__copyright {
+    border-top: 1px solid $gray-dark;
+    text-align: center;
+    display: block;
+    margin-top: ($spacer * 4);
 
-        .menu__link {
-            display: inline-block;
-            text-transform: none;
-        }
+    @media ($screen-sm) {
+        text-align: left;
+    }
 
-        &,
-        small,
-        .menu__link {
-            @extend .mini;
-            color: $gray;
-        }
+    .menu__link {
+        display: inline-block;
+        text-transform: none;
+        padding: ($spacer * 2) ($spacer/2);
+
+        &:first-child { margin-left: ($spacer/2); }
+        &:last-child { padding-right: 0; }
+    }
+
+    &,
+    .menu__link {
+        @extend .mini;
+        color: $gray;
     }
 }

_src/_assets/styles/bigchain/_typography.scss

@@ -61,9 +61,10 @@ a {
     &:focus {
         color: $link-hover-color;
         background: $link-hover-bg;
+        outline: 0;
     }
 
-    &:active {}
+    &:active { }
 }
 
 

_src/_includes/menu-footer.html

@@ -53,7 +53,7 @@
     </div>
 
     <small class="footer__copyright">
-        &copy; {{ site.time | date: "%Y" }} ascribe GmbH 
+        &copy; {{ site.time | date: "%Y" }} ascribe GmbH
 
         {% for link in site.data.menus.legal %}