From dc767bd390bc6b28e1d9b64f269eee2bff83f672 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sun, 14 Feb 2016 15:06:01 +0100
Subject: [PATCH] more footer tweaks

---
 _src/_assets/styles/_page-404.scss            |  3 ++
 _src/_assets/styles/bigchain/_footer.scss     |  5 +--
 _src/_assets/styles/bigchain/_menus.scss      | 40 ++++++++++---------
 _src/_assets/styles/bigchain/_typography.scss |  3 +-
 _src/_includes/menu-footer.html               |  2 +-
 5 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/_src/_assets/styles/_page-404.scss b/_src/_assets/styles/_page-404.scss
index f34fd70..2038157 100644
--- a/_src/_assets/styles/_page-404.scss
+++ b/_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); }
     }
diff --git a/_src/_assets/styles/bigchain/_footer.scss b/_src/_assets/styles/bigchain/_footer.scss
index 311c0f5..512b0d0 100644
--- a/_src/_assets/styles/bigchain/_footer.scss
+++ b/_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;
 }
 
 
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index f0c1ee9..e18c28e 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_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;
     }
 }
diff --git a/_src/_assets/styles/bigchain/_typography.scss b/_src/_assets/styles/bigchain/_typography.scss
index a1f323c..14988ad 100644
--- a/_src/_assets/styles/bigchain/_typography.scss
+++ b/_src/_assets/styles/bigchain/_typography.scss
@@ -61,9 +61,10 @@ a {
     &:focus {
         color: $link-hover-color;
         background: $link-hover-bg;
+        outline: 0;
     }
 
-    &:active {}
+    &:active { }
 }
 
 
diff --git a/_src/_includes/menu-footer.html b/_src/_includes/menu-footer.html
index 752d67d..c53322d 100644
--- a/_src/_includes/menu-footer.html
+++ b/_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 %}