prepare multiple footer links

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
+        <a href={`${githubContentPath}/${post.parent.relativePath}`}>
-            href={`https://github.com/oceanprotocol/docs/blob/master/content/${
-                post.parent.relativePath
-            }`}
-        >
             <Pencil /> Edit this page on GitHub
         </a>
     </footer>

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 {