From a46514468b98e99fa87e7cdb0cb24c057f323367 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 28 Oct 2020 21:23:22 +0100
Subject: [PATCH] add footer styling

---
 docs/src/layouts/App/index.vue  | 12 ++++++------
 docs/src/layouts/App/style.scss | 11 +++++++++++
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index 11b6f281..06a50f55 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -132,12 +132,12 @@
           <page-navigation />
         </div>
       </div>
-      <!-- TODO: -->
-      <div>
-        <a :href="editLink" target="_blank">
-          <span>Edit this page on GitHub</span> &middot;
-        </a>
-        Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a>
+      <div class="app__page-footer">
+        <div class="app__inner">
+          <a :href="editLink" target="_blank">Edit this page on GitHub</a>
+          &middot;
+          Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a>
+        </div>
       </div>
     </div>
 
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index d3f3515f..d2b851b5 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -212,6 +212,17 @@ $menuBreakPoint: 800px;
     border-top: 1px solid rgba($colorWhite, 0.1);
   }
 
+  &__page-footer {
+    font-size: 0.85rem;
+    padding: 1.5rem 0;
+    text-align: center;
+    border-top: 1px solid rgba($colorWhite, 0.1);
+
+    a {
+      text-decoration: underline;
+    }
+  }
+
   &__mobile-nav {
     padding: 1rem;
     flex: 1 1 auto;