From c63ee5ec3fed2032b62cf43a587c2b6de4d721c7 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 9 Nov 2018 15:02:35 +0100
Subject: [PATCH] prepare multiple footer links

---
 src/components/DocFooter.jsx         | 9 ++++-----
 src/components/DocFooter.module.scss | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DocFooter.jsx b/src/components/DocFooter.jsx
index a011de9e..5365322b 100644
--- a/src/components/DocFooter.jsx
+++ b/src/components/DocFooter.jsx
@@ -3,13 +3,12 @@ import PropTypes from 'prop-types'
 import { ReactComponent as Pencil } from '../images/pencil.svg'
 import styles from './DocFooter.module.scss'
 
+const githubContentPath =
+    'https://github.com/oceanprotocol/docs/blob/master/content'
+
 const DocFooter = ({ post }) => (
     <footer className={styles.footer}>
-        <a
-            href={`https://github.com/oceanprotocol/docs/blob/master/content/${
-                post.parent.relativePath
-            }`}
-        >
+        <a href={`${githubContentPath}/${post.parent.relativePath}`}>
             <Pencil /> Edit this page on GitHub
         </a>
     </footer>
diff --git a/src/components/DocFooter.module.scss b/src/components/DocFooter.module.scss
index 6af86c56..8376a7ad 100644
--- a/src/components/DocFooter.module.scss
+++ b/src/components/DocFooter.module.scss
@@ -13,6 +13,7 @@
         font-family: $font-family-button;
         text-transform: uppercase;
         color: $brand-grey-light;
+        margin: 0 $spacer / 2;
 
         &:hover,
         &:focus {