fix(website): Nav Icon + logo

Author: Shipow

docs/_includes/header.html

@@ -2,7 +2,7 @@
   <nav class="navbar navbar-default  navbar-inverse">
     <div class="container-fluid">
       <div class="navbar-header">
-        <button type="button" class="text-white navbar-toggle collapsed" data-toggle="collapse" data-target="#instant-search-nav" aria-expanded="false">
+        <button type="button" class="text-white navbar-toggle collapsed" data-toggle="collapse" data-target="#instant-search-nav">
           Menu <i class="fa fa-bars m-l"></i>
         </button>
         <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
@@ -16,10 +16,8 @@
             </li>
           {% endfor %}
             <li>
-              <a
-                href="http://github.com/algolia/instantsearch.js"
-                title="See more, open issues and get answers in our Github repository">
-                  <i class="fa fa-github"></i>
+              <a href="http://github.com/algolia/instantsearch.js" title="See more, open issues and get answers in our Github repository">
+                <i class="fa fa-github"></i>
               </a>
             </li>
         </ul>

docs/css/_header.sass

@@ -19,6 +19,9 @@ header.site-header
         background-color: transparent
     .fa-github
       font-size: 2em
+      width: 30px
+      display: inline-block
+      text-align: center
       position: relative
       top: -4px
 

docs/index.haml

@@ -14,7 +14,7 @@ layout: default
             %img{src:"img/algolia-logo.svg", width: 100, alt:"Logo Algolia"}
           presents:
         %h1.logo
-          {% svg img/logo-instantsearch.svg %}
+          %img.img-responsive.m-r{src:"img/logo-instantsearch.svg", alt:"Logo InstantSearch.js"}
         %p.vp
           The library of UI widgets to build the best instant-search experience with
           %a{href:"https://www.algolia.com"} Algolia's Hosted Search API.
@@ -113,14 +113,14 @@ layout: default
   .container
     .spacer100
     .row
-      .col-xs-4.col-xs-offset-1
+      .col-xs-4.col-xs-offset-2
         %section#instantsearch-vp-1
           .text-center
             .illus-wrapper
               %img{src:"img/icon-ux.svg", alt:"UX", width:40}
             %h2 Search UX done right
           %p Algolia strives to build the best search experience for the end users. All of the best practices we learned while implementing search on hundreds of websites are now packed into our widgets.
-      .col-xs-4.col-xs-offset-2
+      .col-xs-4
         %section#instantsearch-vp-2
           .text-center
             .illus-wrapper