fix(live-reload): integrates the links into the menu flow

Author: Alexandre Stanislawski

docs/_layouts/documentation.html

@@ -7,14 +7,14 @@
     <div class="col-lg-2 col-md-3 widget-nav hfull">
       <div class="documentation-menu">
         {{ content | toc_generate }}
-      </div>
-      <div class="documentation-menu-footer">
-        <p class="version">Version {{ site.version }}</p>
-        <ul class="list-doc-links">
-          <li class="doc-footer-github"><a href="http://github.com/algolia/instantsearch.js"><i class="fa fa-github"></i><span>GitHub Repository</span></a></li>
-          <li class="doc-footer-github"><a href="http://github.com/algolia/instantsearch.js"><i class="fa fa-code-fork"></i><span>Report an Issue</span></a></li>
-          <li class="doc-footer-stackoverflow"><a href="https://stackoverflow.com/tags/algolia"><i class="fa fa-stack-overflow"></i><span>Ask StackOverflow</span></a></li>
-        </ul>
+
+        <div class="documentation-menu-footer">
+          <p class="version">Current version : {{ site.version }}</p>
+          <ul class="list-doc-links">
+            <li class="doc-footer-github"><a href="http://github.com/algolia/instantsearch.js"><i class="fa fa-github"></i><span>Contribute on Github</span></a></li>
+            <li class="doc-footer-stackoverflow"><a href="https://stackoverflow.com/tags/algolia"><i class="fa fa-stack-overflow"></i><span>Ask StackOverflow</span></a></li>
+          </ul>
+        </div>
       </div>
     </div>
     <div class="col-lg-10 col-md-9 widget-description hfull">

docs/css/_documentation.sass

@@ -6,7 +6,7 @@
   background-color: $gray-light
 
 .documentation-menu
-  height: calc( 100% - 86px )
+  height: 100%
   overflow-y: scroll
   padding: 0
   font-size: 1.3em
@@ -35,29 +35,29 @@
       list-style: none
 
 .documentation-menu-footer
-  position: absolute
-  bottom: 0
-  left: 0
-  background: $dark-blue
   width: 100%
-  height: 86px
-  text-align: center
+  font-size: 14px
+  text-align: left
+  margin-top: 14px
   .version
-    padding: 4px
-    background: #fff
+    margin: 0
   .list-doc-links
-    display: table
-    font-size: 2em
     color: #eee
     padding: 0
     width: 100%
     li
-      display: table-cell
+      font-size: 18px
       margin: auto
+      .fa
+        width: 30px
       span
-        display: none
+        font-size: 14px
+        color: black
+        &:hover
+          color: $brand-primary
+          text-decoration: none
     .doc-footer-github a
-      color: white
+      color: black
     .doc-footer-stackoverflow a
       color: #F89A00