Update header on mobile nav

Author: anmol-algo

src/css/header.css

@@ -309,13 +309,24 @@
 
   .search {
     margin: 10px 0;
+    width: 100%;
+    text-align: center;
   }
 
   .search .query {
-    border: 1px solid var(--color-brand-gray5);
-    padding: 10px 20px;
+    height: 35px;
+    padding: 7px;
+    font-size: 15px;
+    line-height: 21px;
+    border: 1px solid #FFFFFFBF;
+    border-radius: 4px;
+    margin-right: 5px;
   }
 
+  .search .fa-search {
+    font-size: 18px;
+    color: #FFFFFFBF;
+  }
   /* .parent-site {
     border-left: none;
   }
@@ -329,6 +340,9 @@
     color: var(--color-brand-blue);
     margin: 0;
   }
+  .free-trial-link {
+    color: var(--color-brand-white);
+  }
 
   .header-bottom-row.is-active {
     display: block;

src/partials/header-content.hbs

@@ -74,7 +74,7 @@
                   <input class=dataLayer"query" type="text" placeholder="Search Docs"{{#if page.home}} autofocus{{/if}}><i class="fas fa-search"></i>
                 </form>
                 {{/if}}
-                <a href="#" class="free-trial-link" onclick="(window.dataLayer=window.dataLayer||[]).push({'event':'customEvent', 'category':'CTA', 'action':'Button Click',  'label':'Free Trial'});" >
+                <a href="https://cloud.couchbase.com/sign-up" class="free-trial-link" onclick="(window.dataLayer=window.dataLayer||[]).push({'event':'customEvent', 'category':'CTA', 'action':'Button Click',  'label':'Free Trial'});" >
                   <i class="fas fa-cloud"></i>
                   Free Trial
                 </a>