From 71f011dec7a0ff1e3ee8b7fffff6b3bdf26f61ef Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Thu, 3 Nov 2016 14:37:33 +0530
Subject: [PATCH 01/17] Added .idea to gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 92e863884..89fcfeeea 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@ _site
 .sass-cache
 .jekyll-metadata
 .DS_Store
+.idea
 
 af/
 ar/

From 898f724288b99f541d568f66a271b7f0b3dc6c81 Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Thu, 3 Nov 2016 17:54:30 +0530
Subject: [PATCH 02/17] Moved to documentation index page

---
 _includes/navigation.html |  4 ----
 _layouts/page.html        |  8 ++++++++
 _sass/_base.scss          |  4 ++++
 _sass/_search.scss        | 17 +++++++++--------
 4 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/_includes/navigation.html b/_includes/navigation.html
index a744610da..60617ed43 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -23,10 +23,6 @@
         <li class="nav-item">
           <a class="nav-link" href="{{site.baseurl}}/blog">{{i18n.site_nav_blog}}</a>
         </li>
-        <li class="nav-item algolia-search-wrapper">
-          <label for="algolia-doc-search" class="sr-only">Search documentation</label>
-          <input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
-        </li>
       </ul>
 
       <ul class="nav navbar-nav pull-lg-right">
diff --git a/_layouts/page.html b/_layouts/page.html
index d06d97c48..f93ec464e 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -10,7 +10,15 @@
       <h1 class="hero-text display-4">{{page.title}}</h1>
     {% else %}
 
+      {% if page.id == "docs_index" %}
+      <h1 class="hero-text display-4 inline">{{i18n[page.id]}}</h1>
+      <li class="nav-item algolia-search-wrapper">
+        <label for="algolia-doc-search" class="sr-only">Search documentation</label>
+        <input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
+      </li>
+      {% else %}
       <h1 class="hero-text display-4">{{i18n[page.id]}}</h1>
+      {% endif %}
     {% endif %}
   </div>
 </div>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 6069174ac..7f44757ca 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -14,3 +14,7 @@ svg {
 
 .logo-primary   { fill: #2c8ebb; }
 .logo-secondary { fill: #ffffff; }
+
+.inline {
+  display: inline;
+}
diff --git a/_sass/_search.scss b/_sass/_search.scss
index 26deef760..8cd0313f6 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -1,21 +1,21 @@
 /** Algolia Doc Search **/
 
 ::-webkit-input-placeholder { /* Safari, Chrome */
-  color: $navbar-light-color;
+  color: white;
 }
 :-moz-placeholder { /* Mozilla Firefox <= 18 */
-  color:    $navbar-light-color;
+  color:    white;
   opacity:  1;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
-  color:    $navbar-light-color;
+  color:    white;
   opacity:  1;
 }
 :-ms-input-placeholder { /* Internet Explorer */
-  color:    $navbar-light-color;
+  color:    white;
 }
 :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
-  color:    $navbar-light-color;
+  color:    white;
 }
 
 [type="search"] {
@@ -27,7 +27,8 @@
 .nav-item.algolia-search-wrapper {
   display: inline-block;
   vertical-align: top;
-  margin-left: 15px;
+  margin-left: 40px;
+  margin-top: 18px;
 }
 
 @media screen and (max-width: 1150px) {
@@ -44,9 +45,9 @@ input#algolia-doc-search {
   padding-left: 30px;
   margin-top: 6px;
   font-size: 16px;
-  background-color: #FFFFFF;
+  background-color: inherit;
   border: none;
-  color: $navbar-light-color;
+  color: white;
   outline: none;
   width: 160px;
 

From 37b5c72d71cdd25a30c01a6611180ccd64cf78bb Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Thu, 3 Nov 2016 17:54:30 +0530
Subject: [PATCH 03/17] Moved search to documentation index page

---
 _includes/navigation.html |  4 ----
 _layouts/page.html        |  8 ++++++++
 _sass/_base.scss          |  4 ++++
 _sass/_search.scss        | 17 +++++++++--------
 4 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/_includes/navigation.html b/_includes/navigation.html
index a744610da..60617ed43 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -23,10 +23,6 @@
         <li class="nav-item">
           <a class="nav-link" href="{{site.baseurl}}/blog">{{i18n.site_nav_blog}}</a>
         </li>
-        <li class="nav-item algolia-search-wrapper">
-          <label for="algolia-doc-search" class="sr-only">Search documentation</label>
-          <input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
-        </li>
       </ul>
 
       <ul class="nav navbar-nav pull-lg-right">
diff --git a/_layouts/page.html b/_layouts/page.html
index d06d97c48..f93ec464e 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -10,7 +10,15 @@
       <h1 class="hero-text display-4">{{page.title}}</h1>
     {% else %}
 
+      {% if page.id == "docs_index" %}
+      <h1 class="hero-text display-4 inline">{{i18n[page.id]}}</h1>
+      <li class="nav-item algolia-search-wrapper">
+        <label for="algolia-doc-search" class="sr-only">Search documentation</label>
+        <input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
+      </li>
+      {% else %}
       <h1 class="hero-text display-4">{{i18n[page.id]}}</h1>
+      {% endif %}
     {% endif %}
   </div>
 </div>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 6069174ac..7f44757ca 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -14,3 +14,7 @@ svg {
 
 .logo-primary   { fill: #2c8ebb; }
 .logo-secondary { fill: #ffffff; }
+
+.inline {
+  display: inline;
+}
diff --git a/_sass/_search.scss b/_sass/_search.scss
index 26deef760..8cd0313f6 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -1,21 +1,21 @@
 /** Algolia Doc Search **/
 
 ::-webkit-input-placeholder { /* Safari, Chrome */
-  color: $navbar-light-color;
+  color: white;
 }
 :-moz-placeholder { /* Mozilla Firefox <= 18 */
-  color:    $navbar-light-color;
+  color:    white;
   opacity:  1;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
-  color:    $navbar-light-color;
+  color:    white;
   opacity:  1;
 }
 :-ms-input-placeholder { /* Internet Explorer */
-  color:    $navbar-light-color;
+  color:    white;
 }
 :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
-  color:    $navbar-light-color;
+  color:    white;
 }
 
 [type="search"] {
@@ -27,7 +27,8 @@
 .nav-item.algolia-search-wrapper {
   display: inline-block;
   vertical-align: top;
-  margin-left: 15px;
+  margin-left: 40px;
+  margin-top: 18px;
 }
 
 @media screen and (max-width: 1150px) {
@@ -44,9 +45,9 @@ input#algolia-doc-search {
   padding-left: 30px;
   margin-top: 6px;
   font-size: 16px;
-  background-color: #FFFFFF;
+  background-color: inherit;
   border: none;
-  color: $navbar-light-color;
+  color: white;
   outline: none;
   width: 160px;
 

From 04061299047846a3390db52b65b4458667b26e8f Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Fri, 4 Nov 2016 00:15:35 +0530
Subject: [PATCH 04/17] Clean up code

---
 _layouts/page.html |  9 ---------
 _sass/_base.scss   |  4 ----
 _sass/_search.scss | 17 ++++++++---------
 3 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/_layouts/page.html b/_layouts/page.html
index f93ec464e..a73f5d472 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -9,16 +9,7 @@
     {% if page.layout == "post" %}
       <h1 class="hero-text display-4">{{page.title}}</h1>
     {% else %}
-
-      {% if page.id == "docs_index" %}
-      <h1 class="hero-text display-4 inline">{{i18n[page.id]}}</h1>
-      <li class="nav-item algolia-search-wrapper">
-        <label for="algolia-doc-search" class="sr-only">Search documentation</label>
-        <input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
-      </li>
-      {% else %}
       <h1 class="hero-text display-4">{{i18n[page.id]}}</h1>
-      {% endif %}
     {% endif %}
   </div>
 </div>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 7f44757ca..6069174ac 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -14,7 +14,3 @@ svg {
 
 .logo-primary   { fill: #2c8ebb; }
 .logo-secondary { fill: #ffffff; }
-
-.inline {
-  display: inline;
-}
diff --git a/_sass/_search.scss b/_sass/_search.scss
index 8cd0313f6..26deef760 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -1,21 +1,21 @@
 /** Algolia Doc Search **/
 
 ::-webkit-input-placeholder { /* Safari, Chrome */
-  color: white;
+  color: $navbar-light-color;
 }
 :-moz-placeholder { /* Mozilla Firefox <= 18 */
-  color:    white;
+  color:    $navbar-light-color;
   opacity:  1;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
-  color:    white;
+  color:    $navbar-light-color;
   opacity:  1;
 }
 :-ms-input-placeholder { /* Internet Explorer */
-  color:    white;
+  color:    $navbar-light-color;
 }
 :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
-  color:    white;
+  color:    $navbar-light-color;
 }
 
 [type="search"] {
@@ -27,8 +27,7 @@
 .nav-item.algolia-search-wrapper {
   display: inline-block;
   vertical-align: top;
-  margin-left: 40px;
-  margin-top: 18px;
+  margin-left: 15px;
 }
 
 @media screen and (max-width: 1150px) {
@@ -45,9 +44,9 @@ input#algolia-doc-search {
   padding-left: 30px;
   margin-top: 6px;
   font-size: 16px;
-  background-color: inherit;
+  background-color: #FFFFFF;
   border: none;
-  color: white;
+  color: $navbar-light-color;
   outline: none;
   width: 160px;
 

From 1086b91aff52b3cee2bc6f457e50a7ab289592d9 Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Fri, 4 Nov 2016 00:53:28 +0530
Subject: [PATCH 05/17] Realigned the search bar

---
 _sass/_search.scss | 12 ++++++++++--
 en/docs/index.html |  9 +++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index 26deef760..6231db134 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -24,10 +24,19 @@
   appearance:         textfield;
 }
 
+.algolia-search-col {
+  float: none;
+  margin: 0 auto;
+  border: 1px solid grey;
+  margin-bottom: 45px;
+}
+
 .nav-item.algolia-search-wrapper {
   display: inline-block;
   vertical-align: top;
-  margin-left: 15px;
+  margin-left: 5px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 @media screen and (max-width: 1150px) {
@@ -42,7 +51,6 @@ input#algolia-doc-search {
   background-size: 16px 16px;
 
   padding-left: 30px;
-  margin-top: 6px;
   font-size: 16px;
   background-color: #FFFFFF;
   border: none;
diff --git a/en/docs/index.html b/en/docs/index.html
index 45d1701c3..5f33e3557 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -7,6 +7,15 @@
 
 {% assign guides_size = site.data.guides | size | minus: 1 %}
 
+<div class="row">
+  <div class="col-lg-5 algolia-search-col">
+    <li class="nav-item center-block algolia-search-wrapper">
+    	<label for="algolia-doc-search" class="sr-only">Search documentation</label>
+    	<input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
+    </li>
+  </div>
+</div>
+
 {% for index in (0..guides_size) %}
   {% assign index_mod = index | modulo: 3 %}
 

From ffe36d5de9a8af7c2723468c1a17225d1761709f Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Fri, 4 Nov 2016 00:55:54 +0530
Subject: [PATCH 06/17] Changed search bar text

---
 en/docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index 5f33e3557..41b991e78 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -11,7 +11,7 @@
   <div class="col-lg-5 algolia-search-col">
     <li class="nav-item center-block algolia-search-wrapper">
     	<label for="algolia-doc-search" class="sr-only">Search documentation</label>
-    	<input id="algolia-doc-search" type="search" placeholder="Search docs..."/>
+    	<input id="algolia-doc-search" type="search" placeholder="Search documentation"/>
     </li>
   </div>
 </div>

From f488469160ab55e14832db16ba837b6f65a21f35 Mon Sep 17 00:00:00 2001
From: dhruvdutt <dhruvdutt.jadhav@gmail.com>
Date: Fri, 4 Nov 2016 01:17:26 +0530
Subject: [PATCH 07/17] Fixed search bar width bug

---
 _sass/_search.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index 6231db134..f1b3babe6 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -37,6 +37,11 @@
   margin-left: 5px;
   margin-top: 10px;
   margin-bottom: 10px;
+  width: 100%;
+
+  span.algolia-autocomplete {
+    width: 100%;
+  }
 }
 
 @media screen and (max-width: 1150px) {
@@ -56,7 +61,7 @@ input#algolia-doc-search {
   border: none;
   color: $navbar-light-color;
   outline: none;
-  width: 160px;
+  width: 100%;
 
   transition: border-color .2s ease, width .2s ease;
   -webkit-transition: border-color .2s ease, width .2s ease;

From 76a0156003f498a75f633989e7760323786f6429 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:08:12 -0700
Subject: [PATCH 08/17] Update index.html

---
 en/docs/index.html | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index 41b991e78..2ab4e4661 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -8,11 +8,9 @@
 {% assign guides_size = site.data.guides | size | minus: 1 %}
 
 <div class="row">
-  <div class="col-lg-5 algolia-search-col">
-    <li class="nav-item center-block algolia-search-wrapper">
-    	<label for="algolia-doc-search" class="sr-only">Search documentation</label>
-    	<input id="algolia-doc-search" type="search" placeholder="Search documentation"/>
-    </li>
+  <div class="col-lg-6 push-lg-3 search">
+    <label class="search-label sr-only" for="algolia-doc-search" >Search documentation</label>
+    <input class="search-input" id="algolia-doc-search" type="search" placeholder="Search documentation"/>
   </div>
 </div>
 

From 416e998396ed2a230fcb7a4512ce5098385583ea Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:17:14 -0700
Subject: [PATCH 09/17] Update _search.scss

---
 _sass/_search.scss | 96 ++++++++++++++--------------------------------
 1 file changed, 29 insertions(+), 67 deletions(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index f1b3babe6..805ba8833 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -1,87 +1,49 @@
 /** Algolia Doc Search **/
 
-::-webkit-input-placeholder { /* Safari, Chrome */
-  color: $navbar-light-color;
-}
-:-moz-placeholder { /* Mozilla Firefox <= 18 */
-  color:    $navbar-light-color;
-  opacity:  1;
-}
-::-moz-placeholder { /* Mozilla Firefox 19+ */
-  color:    $navbar-light-color;
-  opacity:  1;
-}
-:-ms-input-placeholder { /* Internet Explorer */
-  color:    $navbar-light-color;
-}
-:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
-  color:    $navbar-light-color;
-}
-
-[type="search"] {
-  -moz-appearance:    textfield;
-  -webkit-appearance: textfield;
-  appearance:         textfield;
-}
-
-.algolia-search-col {
-  float: none;
-  margin: 0 auto;
-  border: 1px solid grey;
-  margin-bottom: 45px;
-}
 
-.nav-item.algolia-search-wrapper {
+.search {
   display: inline-block;
   vertical-align: top;
   margin-left: 5px;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 100%;
-
-  span.algolia-autocomplete {
+  
+  .algolia-autocomplete {
     width: 100%;
+    vertical-align: top;
   }
 }
 
-@media screen and (max-width: 1150px) {
-  .nav-item.algolia-search-wrapper {
-    display: none;
-  }
-}
-
-input#algolia-doc-search {
-
-  background: transparent url('/assets/search.svg') no-repeat left center;
-  background-size: 16px 16px;
-
-  padding-left: 30px;
-  font-size: 16px;
-  background-color: #FFFFFF;
-  border: none;
-  color: $navbar-light-color;
-  outline: none;
+.search-input {
   width: 100%;
-
-  transition: border-color .2s ease, width .2s ease;
-  -webkit-transition: border-color .2s ease, width .2s ease;
-  -moz-transition: border-color .2s ease, width .2s ease;
-  -o-transition: border-color .2s ease, width .2s ease;
-}
-
-input#algolia-doc-search:focus {
-  border-color: #05A5D1;
-  width: 240px;
-}
-
-@media screen and (max-width: 1200px) {
-  input#algolia-doc-search:focus {
-    width: 178px;
+  font-size: 1rem;
+  padding: 1rem 1.5rem 1rem 2rem;
+  border: 1px solid $navbar-light-color;
+  background: white url('/assets/search.svg') no-repeat 0.5rem center;
+  background-size: 1rem 1rem;
+  transition: border-color 0.2s ease;
+  
+  &:hover,
+  &:active {
+    border-color: $navbar-light-hover-color;
+  }
+  
+  &:focus {
+    border-color: $yarn-blue;
   }
 }
 
-.algolia-autocomplete {
-  vertical-align: top;
+::-webkit-input-placeholder { color: $navbar-light-color; }
+:-moz-placeholder           { color: $navbar-light-color; opacity: 1; }
+::-moz-placeholder          { color: $navbar-light-color; opacity: 1; }
+:-ms-input-placeholder      { color: $navbar-light-color; }
+:placeholder-shown          { color: $navbar-light-color; }
+
+[type="search"] {
+  -moz-appearance: textfield;
+  -webkit-appearance: textfield;
+  appearance: textfield;
 }
 
 /* Bottom border of each suggestion */

From 381abc16e26f39fd36050e187c16ad87585207d9 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:23:43 -0700
Subject: [PATCH 10/17] Update _search.scss

---
 _sass/_search.scss | 30 ------------------------------
 1 file changed, 30 deletions(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index 805ba8833..a60cd5a49 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -1,13 +1,8 @@
 /** Algolia Doc Search **/
 
-
 .search {
   display: inline-block;
   vertical-align: top;
-  margin-left: 5px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  width: 100%;
   
   .algolia-autocomplete {
     width: 100%;
@@ -16,34 +11,9 @@
 }
 
 .search-input {
-  width: 100%;
-  font-size: 1rem;
   padding: 1rem 1.5rem 1rem 2rem;
-  border: 1px solid $navbar-light-color;
   background: white url('/assets/search.svg') no-repeat 0.5rem center;
   background-size: 1rem 1rem;
-  transition: border-color 0.2s ease;
-  
-  &:hover,
-  &:active {
-    border-color: $navbar-light-hover-color;
-  }
-  
-  &:focus {
-    border-color: $yarn-blue;
-  }
-}
-
-::-webkit-input-placeholder { color: $navbar-light-color; }
-:-moz-placeholder           { color: $navbar-light-color; opacity: 1; }
-::-moz-placeholder          { color: $navbar-light-color; opacity: 1; }
-:-ms-input-placeholder      { color: $navbar-light-color; }
-:placeholder-shown          { color: $navbar-light-color; }
-
-[type="search"] {
-  -moz-appearance: textfield;
-  -webkit-appearance: textfield;
-  appearance: textfield;
 }
 
 /* Bottom border of each suggestion */

From 79c5963d1b4824f54b96289b32b0932227fa1429 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:23:56 -0700
Subject: [PATCH 11/17] Update index.html

---
 en/docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index 2ab4e4661..edcdcd52c 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -10,7 +10,7 @@
 <div class="row">
   <div class="col-lg-6 push-lg-3 search">
     <label class="search-label sr-only" for="algolia-doc-search" >Search documentation</label>
-    <input class="search-input" id="algolia-doc-search" type="search" placeholder="Search documentation"/>
+    <input class="search-input form-control" id="algolia-doc-search" type="search" placeholder="Search documentation"/>
   </div>
 </div>
 

From 8a80bdef3436dadd282961c0a06bff2675563ab0 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:48:56 -0700
Subject: [PATCH 12/17] Update index.html

---
 en/docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index edcdcd52c..0dbff187d 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -8,7 +8,7 @@
 {% assign guides_size = site.data.guides | size | minus: 1 %}
 
 <div class="row">
-  <div class="col-lg-6 push-lg-3 search">
+  <div class="col-lg-6 push-lg-3 m-b-2 search">
     <label class="search-label sr-only" for="algolia-doc-search" >Search documentation</label>
     <input class="search-input form-control" id="algolia-doc-search" type="search" placeholder="Search documentation"/>
   </div>

From 30d6be8524165c9951c6766ae452eed67d6f4644 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:50:02 -0700
Subject: [PATCH 13/17] Update _search.scss

---
 _sass/_search.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index a60cd5a49..173b9d3cd 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -16,6 +16,12 @@
   background-size: 1rem 1rem;
 }
 
+/* Override */
+.aa-dropdown-menu {
+  min-width: auto !important;
+  max-width: 100% !important;
+}
+
 /* Bottom border of each suggestion */
 .algolia-docsearch-suggestion {
   border-bottom-color: $yarn-blue;

From 14129f0151b5cad9f0897110a061a413a30a89ba Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:51:01 -0700
Subject: [PATCH 14/17] Update _search.scss

---
 _sass/_search.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index 173b9d3cd..be0f91160 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -11,8 +11,8 @@
 }
 
 .search-input {
-  padding: 1rem 1.5rem 1rem 2rem;
-  background: white url('/assets/search.svg') no-repeat 0.5rem center;
+  padding: 1rem 1.5rem 1rem 2.5rem;
+  background: white url('/assets/search.svg') no-repeat 1rem center;
   background-size: 1rem 1rem;
 }
 

From d0ac9cd43fff1cff19ff72388d5d12747f140838 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:51:37 -0700
Subject: [PATCH 15/17] Update _search.scss

---
 _sass/_search.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_sass/_search.scss b/_sass/_search.scss
index be0f91160..38ae1a791 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -19,7 +19,7 @@
 /* Override */
 .aa-dropdown-menu {
   min-width: auto !important;
-  max-width: 100% !important;
+  width: 100% !important;
 }
 
 /* Bottom border of each suggestion */

From 48c8de48be73cb792699488de5c496100d037f32 Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:52:41 -0700
Subject: [PATCH 16/17] Update index.html

---
 en/docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index 0dbff187d..1ec565858 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -22,7 +22,7 @@
   {% endif %}
 
   {% assign guide = site.data.guides[index] %}
-  <div class="col-lg-4">
+  <div class="col-xs-12 col-lg-4">
     <a class="card" href="{{url_base}}{{guide.pages[0].path}}">
       <div class="card-block">
         <h4 class="card-title">{{i18n[guide.title]}}</h4>

From 83ffa7e1d69af74ccc6ba3b2a89e248ca42ffbac Mon Sep 17 00:00:00 2001
From: James Kyle <me@thejameskyle.com>
Date: Thu, 3 Nov 2016 13:52:54 -0700
Subject: [PATCH 17/17] Update index.html

---
 en/docs/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/docs/index.html b/en/docs/index.html
index 1ec565858..60ec44384 100644
--- a/en/docs/index.html
+++ b/en/docs/index.html
@@ -8,7 +8,7 @@
 {% assign guides_size = site.data.guides | size | minus: 1 %}
 
 <div class="row">
-  <div class="col-lg-6 push-lg-3 m-b-2 search">
+  <div class="col-xs-12 col-lg-6 push-lg-3 m-b-2 search">
     <label class="search-label sr-only" for="algolia-doc-search" >Search documentation</label>
     <input class="search-input form-control" id="algolia-doc-search" type="search" placeholder="Search documentation"/>
   </div>
@@ -22,7 +22,7 @@
   {% endif %}
 
   {% assign guide = site.data.guides[index] %}
-  <div class="col-xs-12 col-lg-4">
+  <div class="col-lg-4">
     <a class="card" href="{{url_base}}{{guide.pages[0].path}}">
       <div class="card-block">
         <h4 class="card-title">{{i18n[guide.title]}}</h4>