Adds icon to search box and back link to bidder pages.

_assets/sass/components/_search.scss

@@ -3,3 +3,42 @@
     display: none !important;
   }
 }
+
+.c-search {
+  position: relative;
+
+  @include media('<=990px') {
+    float: left;
+  }
+
+  &::after {
+    @include position(absolute, 50% 10px null null);
+    @include size(20px);
+    transform: translateY(-50%);
+    background: url(/assets/images/icons/search-icon2.svg);
+    background-size: cover;
+    content: '';
+  }
+
+  input[type="search"] {
+    @include padding(null 8px);
+    border: 1px solid rgba(0, 0, 0, 0.125);
+    max-width: 120px;
+    transition: max-width 200ms ease-in-out;
+
+    &:hover, &:focus {
+      max-width: 200px;
+      outline: none;
+    }
+
+    /* clears the ‘X’ from Internet Explorer */
+    &::-ms-clear { display: none; width : 0; height: 0; }
+    &::-ms-reveal { display: none; width : 0; height: 0; }
+
+    /* clears the ‘X’ from Chrome */
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration { display: none; }
+  }
+}

_includes/nav.html

@@ -59,7 +59,7 @@
           </li>
 
         {% endfor %}
-        <li class="nav-item"><input type="search" id="site-search"></li>
+        <li class="nav-item"><div class="c-search"><input type="search" id="site-search"></div></li>
       </ul>
     </div>
   </div>

_layouts/bidder.html

@@ -31,6 +31,7 @@
 
             <div class="col-md-12" role="main">
               <div class="bs-docs-section">
+                <p><a href="/dev-docs/bidders.html">Back to Bidders</a></p>
 
                 <h2>{{ page.title }}</h2>
 
@@ -127,6 +128,7 @@ <h3>"Send All Bids" Ad Server Keys</h3>
 
                 {{content}}
 
+                <p><a href="/dev-docs/bidders.html">Back to Bidders</a></p>
               </div>
 
               {% if page.show_disqus %}