rplansky
diff --git a/‎pages/src/docs/src/DocSearch.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/DocSearch.js
+8-2Lines changed: 8 additions & 2 deletions b/‎pages/src/docs/src/DocSearch.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/DocSearch.js
+8-2Lines changed: 8 additions & 2 deletions
diff --git a/‎pages/src/docs/src/SideBar.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/SideBar.js
-2Lines changed: 0 additions & 2 deletions b/‎pages/src/docs/src/SideBar.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/SideBar.js
-2Lines changed: 0 additions & 2 deletions
diff --git a/‎pages/src/docs/src/index.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/index.js
+2Lines changed: 2 additions & 0 deletions b/‎pages/src/docs/src/index.js
Copy file name to clipboardExpand all lines: pages/src/docs/src/index.js
+2Lines changed: 2 additions & 0 deletions
diff --git a/‎pages/src/docs/src/style.less
Copy file name to clipboardExpand all lines: pages/src/docs/src/style.less
+23Lines changed: 23 additions & 0 deletions b/‎pages/src/docs/src/style.less
Copy file name to clipboardExpand all lines: pages/src/docs/src/style.less
+23Lines changed: 23 additions & 0 deletions
diff --git a/‎pages/src/src/base.less
Copy file name to clipboardExpand all lines: pages/src/src/base.less
+4-1Lines changed: 4 additions & 1 deletion b/‎pages/src/src/base.less
Copy file name to clipboardExpand all lines: pages/src/src/base.less
+4-1Lines changed: 4 additions & 1 deletion
@@ -20,7 +20,6 @@ var DocSearch = React.createClass({
             inputSelector: '#algolia-docsearch',
           });
         } else {
-          console.warn('Search has failed to load and now is being disabled');
           this.setState({ enabled: false });
         }
       },
@@ -36,7 +35,14 @@ var DocSearch = React.createClass({
     firstLink.parentNode.insertBefore(link, firstLink);
   },
   render() {
-    return this.state.enabled ? <input id="algolia-docsearch" /> : null;
+    return this.state.enabled ? (
+      <input
+        id="algolia-docsearch"
+        className="docSearch"
+        type="search"
+        placeholder="Search Immutable.js Documentation"
+      />
+    ) : null;
   },
 });
 
 
@@ -9,7 +9,6 @@ var React = require('react');
 var Router = require('react-router');
 var { Map, Seq } = require('../../../../');
 var defs = require('../../../lib/getTypeDefs');
-var DocSearch = require('./DocSearch.js');
 
 var SideBar = React.createClass({
   render() {
@@ -44,7 +43,6 @@ var SideBar = React.createClass({
           </div>
         </div>
         <div className="scrollContent">
-          <DocSearch />
           <h4 className="groupTitle">API</h4>
           {Seq(type.module)
             .flatMap((t, name) => flattenSubmodules(Map(), t, name))
 
@@ -9,6 +9,7 @@ var React = require('react');
 var assign = require('react/lib/Object.assign');
 var Router = require('react-router');
 var DocHeader = require('./DocHeader');
+var DocSearch = require('./DocSearch.js');
 var TypeDocumentation = require('./TypeDocumentation');
 var defs = require('../../../lib/getTypeDefs');
 
@@ -23,6 +24,7 @@ var Documentation = React.createClass({
         <DocHeader />
         <div className="pageBody" id="body">
           <div className="contents">
+            <DocSearch />
             <RouteHandler />
           </div>
         </div>
 
@@ -19,6 +19,29 @@
   position: relative;
 }
 
+.docSearch {
+  margin-bottom: 32px;
+  padding: 8px 16px;
+  border-radius: 20px;
+  border: solid 1px #eee;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
+  width: 656px;
+  position: relative;
+  left: -16px;
+}
+
+.docSearch:focus {
+  outline: none;
+  background: #f6f6f6;
+  border-color: @link-color;
+}
+
+@media only screen and (max-width: 680px) {
+  .docSearch {
+    width: ~"calc(100vw - 40px)";
+  }
+}
+
 .disclaimer {
   margin: 60px 0 0 0;
   border: solid 1px #eecccc;
 
@@ -16,14 +16,17 @@ html, body {
   margin: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
+}
+
+body, input {
   color: @body-color;
   font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.625;
 }
 
 @media only screen and (max-width: 680px) {
-  body {
+  body, input {
     font-size: 14px;
   }
 }
Original file line number	Diff line number	Diff line change
`@@ -16,14 +16,17 @@ html, body {`
`16`	`16`	`margin: 0;`
`17`	`17`	`padding: 0;`
`18`	`18`	`-webkit-font-smoothing: antialiased;`
	`19`	`+}`
	`20`	`+`
	`21`	`+body, input {`
`19`	`22`	`color: @body-color;`
`20`	`23`	`font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
`21`	`24`	`font-size: 16px;`
`22`	`25`	`line-height: 1.625;`
`23`	`26`	`}`
`24`	`27`
`25`	`28`	`@media only screen and (max-width: 680px) {`
`26`		`- body {`
	`29`	`+ body, input {`
`27`	`30`	`font-size: 14px;`
`28`	`31`	`}`
`29`	`32`	`}`