docs page: side navbar minor issues fixed (appsody#19)

tnixa · Jun 25, 2019 · fb19cf9 · fb19cf9
1 parent 24a4821
commit fb19cf9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -267,6 +267,7 @@ section.landing-section h2 {
     position: static;
     grid-row-start: 1;
     grid-row-end: 2;
+    background-color: white;
   }
 }
 footer {