From cb31633503f5fce2c54fb33765b3f60d8e2de7f6 Mon Sep 17 00:00:00 2001
From: Bazif Khan <51790085+Bazif-Khan@users.noreply.github.com>
Date: Wed, 26 Jun 2019 13:12:36 +0100
Subject: [PATCH] docs page: footer added and moved to the bottom of page (#24)

Signed-off-by: Bazif Khan <bazif.khan@ibm.com>
---
 src/components/docLayout.js |  2 ++
 src/components/footer.js    |  2 +-
 src/components/layout.js    |  4 ++--
 src/layouts/index.js        |  4 ++--
 src/styles/main.css         | 24 +++++++-----------------
 5 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/src/components/docLayout.js b/src/components/docLayout.js
index 9c797d276..e6e64e1f3 100644
--- a/src/components/docLayout.js
+++ b/src/components/docLayout.js
@@ -2,11 +2,13 @@ import React from "react";
 
 import Head from "./head"
 import DocNavbar from "./docNavbar"
+import Footer from "../components/footer"
 
 export default ({ children }) => (
     <React.Fragment>
         <Head/>
         <DocNavbar/>
         { children }
+        <Footer/>
     </React.Fragment>
 )
diff --git a/src/components/footer.js b/src/components/footer.js
index bebadfb01..524393b6b 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -12,4 +12,4 @@ const Footer = () => {
     )
 }
 
-export default Footer;
\ No newline at end of file
+export default Footer;
diff --git a/src/components/layout.js b/src/components/layout.js
index 345e0b760..ab5fa381e 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -9,6 +9,6 @@ export default ({ children }) => (
         <Head/>
         <Navbar/>
         { children }
-        <Footer></Footer>
+        <Footer/>
     </React.Fragment>
-)
\ No newline at end of file
+)
diff --git a/src/layouts/index.js b/src/layouts/index.js
index 0d286e192..a85562397 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -7,14 +7,14 @@ import DocSidebar from "../components/docSidebar.js";
 export default ({ children, pageContext }) => {
   if (pageContext.layout === "docs") {
     return (
+      <div id="docs">
       <DocLayout>
-          <div id="docs">
             <DocSidebar/>
             <main>
               {children}
             </main>
-          </div>
       </DocLayout>
+      </div>
     )
   }
   return (
diff --git a/src/styles/main.css b/src/styles/main.css
index b6dc36a6d..5e52303ba 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -122,25 +122,9 @@ section.landing-section h2 {
   justify-content: center;
 }
 
-/* .btn.btn-clear.w-50 {
-  background-color: var(--white-buttons) !important;
-  border: 4px solid var(--white-buttons) !important;
-  border-radius: 10px;
-  padding: 0px;
-} */
-
-/* .btn.btn-primary.w-70.flipped{
-  margin-top: 1em;
-  border-radius: 10px;
-  padding: 0px;
-  height: 50em;
-} */
-
 #input-cli{
   text-align: center;
   width: 65%;
-  /* margin: 0 .5em; */
-  /* margin-right: 0.3em; */
 }
 
 #command-input{
@@ -201,7 +185,6 @@ section.landing-section h2 {
 #docs {
   display: grid;
   grid-template-columns: 15em auto;
-  grid-template-rows: 100vh;
 }
 
 #docs main, #docs-sidebar {
@@ -270,6 +253,7 @@ section.landing-section h2 {
     background-color: white;
   }
 }
+
 footer {
   background-color: var(--colour-scheme-1);
   box-shadow: 0 6px 29px #9B9B9B;
@@ -277,6 +261,12 @@ footer {
   text-align: center;
 }
 
+#docs footer {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  z-index: 1;
+}
+
 footer ul {
   margin: 0;
   padding: 0;