From 1d4ae0654191a4f844ec1b1ae36d4e2b2fac274d Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <me@raisedadead.com>
Date: Sat, 15 Jun 2019 23:18:12 +0530
Subject: [PATCH] fix(search): tweak and center align landing

---
 client/src/components/search/searchPage/EmptySearch.js | 6 +++++-
 client/src/pages/search.css                            | 5 +++++
 client/src/pages/search.js                             | 9 +++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 client/src/pages/search.css

diff --git a/client/src/components/search/searchPage/EmptySearch.js b/client/src/components/search/searchPage/EmptySearch.js
index a6647dc912..dc1727dd32 100644
--- a/client/src/components/search/searchPage/EmptySearch.js
+++ b/client/src/components/search/searchPage/EmptySearch.js
@@ -3,7 +3,11 @@ import React from 'react';
 import './empty-search.css';
 
 function EmptySearch() {
-  return <div className='empty-search-wrapper'>Empty Search</div>;
+  return (
+    <div className='empty-search-wrapper'>
+      Looking for something? Try the search bar on this page.
+    </div>
+  );
 }
 
 EmptySearch.displayName = 'EmptySearch';
diff --git a/client/src/pages/search.css b/client/src/pages/search.css
new file mode 100644
index 0000000000..7e793b7c52
--- /dev/null
+++ b/client/src/pages/search.css
@@ -0,0 +1,5 @@
+.powered-by-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/client/src/pages/search.js b/client/src/pages/search.js
index 714091be51..7f6c642eab 100644
--- a/client/src/pages/search.js
+++ b/client/src/pages/search.js
@@ -2,11 +2,14 @@ import React, { Fragment, Component } from 'react';
 import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import { connect } from 'react-redux';
-import { Index, PoweredBy } from 'react-instantsearch-dom';
+import { Index, PoweredBy as PoweredByAlgolia } from 'react-instantsearch-dom';
 import { Grid, Row, Col } from '@freecodecamp/react-bootstrap';
 
 import { updateSearchQuery } from '../components/search/redux';
 import SearchPageHits from '../components/search/searchPage/SearchPageHits';
+import Spacer from '../components/helpers/Spacer';
+
+import './search.css';
 
 const propTypes = { updateSearchQuery: PropTypes.func.isRequired };
 
@@ -29,7 +32,9 @@ class SearchPage extends Component {
               <main>
                 <SearchPageHits />
               </main>
-              <PoweredBy />
+              <Spacer />
+              <PoweredByAlgolia className='powered-by-wrapper' />
+              <Spacer />
             </Col>
           </Row>
         </Grid>