From fb19cf90fee0826468a663bf58f7ad85ef82bd5f Mon Sep 17 00:00:00 2001
From: Bazif Khan <51790085+Bazif-Khan@users.noreply.github.com>
Date: Tue, 25 Jun 2019 17:46:43 +0100
Subject: [PATCH] docs page: side navbar minor issues fixed (#19)

---
 src/components/docSidebar.js | 6 +++---
 src/styles/main.css          | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/docSidebar.js b/src/components/docSidebar.js
index 53a69700e..c1e2c763e 100644
--- a/src/components/docSidebar.js
+++ b/src/components/docSidebar.js
@@ -8,9 +8,9 @@ const DocSection = (props) => {
             {
                 (props.title !== "null") ? <h4>{props.title}</h4> : null
             }
-            <ul className="navbar-nav">
+            <ul>
                 {
-                    props.data.map(doc => <li className="nav-link"><Link to={doc.path}>{doc.title}</Link></li>)
+                    props.data.map(doc => <li className="my-1"><Link to={doc.path}>{doc.title}</Link></li>)
                 }
             </ul>
         </React.Fragment>
@@ -41,7 +41,7 @@ const DocSidebar = ({ data }) => {
     }
 
     return (
-        <nav className="navbar-expand-md navbar-light" id="docs-sidebar">
+        <nav className="navbar-expand-md navbar-light border-bottom" id="docs-sidebar">
           <button className="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#collapsingSideNavbar">
               <span className="navbar-toggler-icon"></span>
           </button>
diff --git a/src/styles/main.css b/src/styles/main.css
index 643c5b3c0..b6dc36a6d 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -267,6 +267,7 @@ section.landing-section h2 {
     position: static;
     grid-row-start: 1;
     grid-row-end: 2;
+    background-color: white;
   }
 }
 footer {