Fix styling on home page search bar

Author: Andrew Brookins

src/css/components/_search.scss

@@ -0,0 +1,8 @@
+.rds-search {
+  position: relative;
+  padding-top: 68px;
+
+  @include mobile {
+    padding-top: 46px;
+  }
+}

src/css/custom.scss

@@ -18,6 +18,7 @@
 @import './components/hero';
 @import './components/languages';
 @import './components/demos';
+@import './components/search';
 @import './components/resources';
 @import './components/404';
 

src/theme/DocSidebar/index.js

@@ -190,7 +190,7 @@ function DocSidebar({
       'menu--show': showResponsiveSidebar,
       [styles.menuWithAnnouncementBar]: !isAnnouncementBarClosed && scrollY === 0
     })}>
-      <Search inline="true"/>
+        <Search inline="true"/>
         <button aria-label={showResponsiveSidebar ? 'Close Menu' : 'Open Menu'} aria-haspopup="true" className="button button--secondary button--sm menu__button" type="button" onClick={() => {
         setShowResponsiveSidebar(!showResponsiveSidebar);
       }}>

static/css/redis-sitesearch-overrides.css

@@ -18,6 +18,10 @@
   width: 65%;
 }
 
+.redis-sitesearch-inline .search-root-item {
+  padding: 12px 16px 0px;
+}
+
 .redis-sitesearch-inline .redis-sitesearch-result {
   padding: 11px 1em 11px 11px;
 }