fix(website): Nav Icon + logo

algolia · Nov 7, 2015 · c1f419c · c1f419c
1 parent 688f057
commit c1f419c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/docs/_includes/header.html b/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>

diff --git a/docs/css/_header.sass b/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
 

diff --git a/docs/index.haml b/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