From e719b917a80dbc54803c0cdeb84b4c2a99b91db9 Mon Sep 17 00:00:00 2001
From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com>
Date: Fri, 1 Feb 2019 02:00:20 +0530
Subject: [PATCH] fix(client): Guide spacing and coloring of active element

---
 client/src/components/layouts/GuideLayout.js | 3 ++-
 client/src/components/layouts/guide.css      | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layouts/GuideLayout.js b/client/src/components/layouts/GuideLayout.js
index 9b15e451c8..ca6818b0ae 100644
--- a/client/src/components/layouts/GuideLayout.js
+++ b/client/src/components/layouts/GuideLayout.js
@@ -68,7 +68,7 @@ class Layout extends React.Component {
                 toggleExpandedState
               }) => (
                 <Fragment>
-                  <Spacer size={2} />
+                  <Spacer size={1} />
                   <Grid>
                     <Row>
                       <Col
@@ -110,6 +110,7 @@ class Layout extends React.Component {
   }
 }
 
+
 Layout.displayName = 'Layout';
 Layout.propTypes = propTypes;
 
diff --git a/client/src/components/layouts/guide.css b/client/src/components/layouts/guide.css
index 97f8697eb6..d9e1ebed93 100644
--- a/client/src/components/layouts/guide.css
+++ b/client/src/components/layouts/guide.css
@@ -69,7 +69,7 @@
 .content,
 .sideNav {
   /* 100vh - (navbar height) - (spacer height) */
-  height: calc(100vh - 38px - 60px);
+  height: calc(100vh - 38px - 30px);
   overflow-y: auto;
 }
 
@@ -141,6 +141,7 @@
   border: none;
   border-radius: 0;
   cursor: pointer;
+  color: #006400;
 }
 
 .bodyContainer {