Add some basic styling

2 files changed, 6 insertions, 1 deletions

diff --git a/src/client/react/components/page/Index.js b/src/client/react/components/page/Index.js
index a91d7a9..9b8dbd7 100644
--- a/src/client/react/components/page/Index.js
+++ b/src/client/react/components/page/Index.js
@@ -2,7 +2,8 @@ import React from 'react';
 import Search from '../container/Search';
 
 const App = () => (
-  <div>
+  <div className="page-index">
+    <img src="/icons/mml-logo.png" alt="Metis" />
     <Search />
   </div>
 );
diff --git a/src/client/react/index.js b/src/client/react/index.js
index a7006d4..e70b442 100644
--- a/src/client/react/index.js
+++ b/src/client/react/index.js
@@ -27,3 +27,7 @@ ReactDOM.render(
   </Provider>,
   document.getElementById('root'),
 );
+
+// We only want to focus the input on page load. NOT on a in-javascript
+// redirect. This is because that is when people usually want to start typing.
+document.querySelector('.search input').focus();