From 0e4cfd6c99e3ca92d8c876145c99be282f700083 Mon Sep 17 00:00:00 2001
From: Sam Bhagwat <calcsam@gmail.com>
Date: Tue, 5 Jun 2018 03:13:42 -0700
Subject: [PATCH] [www] Add dot com to main navigation (#5579)

* add gatsbyjs.com to navbar
* remove twiter LOC
---
 www/src/components/navigation.js  | 15 ++++++++++++---
 www/src/components/search-form.js |  8 ++++----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/www/src/components/navigation.js b/www/src/components/navigation.js
index 6796f6c3e5a9b..a368e03da86c5 100644
--- a/www/src/components/navigation.js
+++ b/www/src/components/navigation.js
@@ -20,7 +20,7 @@ const navItemStyles = {
   textTransform: `uppercase`,
   letterSpacing: `0.03em`,
   lineHeight: `calc(${presets.headerHeight} - 6px)`,
-  padding: `6px ${rhythm(1 / 2)} 0`,
+  padding: `6px ${rhythm(1 / 4)} 0 ${rhythm(1 / 2)}`,
   position: `relative`,
   top: 0,
   transition: `color .15s ease-out`,
@@ -179,7 +179,6 @@ export default ({ pathname }) => {
           >
             <GithubIcon style={{ verticalAlign: `text-top` }} />
           </OutboundLink>
-
           <div
             css={{
               display: `none`,
@@ -203,12 +202,22 @@ export default ({ pathname }) => {
               css={{
                 ...navItemStyles,
                 ...socialIconsStyles,
-                paddingRight: 0,
               }}
             >
               <TwitterIcon style={{ verticalAlign: `text-top` }} />
             </OutboundLink>
           </div>
+          <OutboundLink
+            href="https://www.gatsbyjs.com"
+            title="gatsbyjs.com"
+            css={{
+              ...navItemStyles,
+              ...socialIconsStyles,
+              paddingRight: 0,
+            }}
+          >
+            .com
+          </OutboundLink>
         </div>
       </div>
     </div>
diff --git a/www/src/components/search-form.js b/www/src/components/search-form.js
index b56ea38463a31..65c615e188d23 100644
--- a/www/src/components/search-form.js
+++ b/www/src/components/search-form.js
@@ -332,7 +332,7 @@ class SearchForm extends Component {
               [presets.Desktop]: {
                 backgroundColor: !isHomepage && `#fff`,
                 color: colors.gatsby,
-                width: !isHomepage && rhythm(5),
+                width: !isHomepage && rhythm(3.5),
                 ":focus": {
                   backgroundColor: colors.ui.light,
                   color: colors.gatsby,
@@ -342,12 +342,12 @@ class SearchForm extends Component {
               [presets.Hd]: {
                 backgroundColor: isHomepage && colors.lilac,
                 color: isHomepage && colors.ui.light,
-                width: isHomepage && rhythm(5),
+                width: isHomepage && rhythm(3.5),
               },
             }}
             type="search"
-            placeholder="Search docs"
-            aria-label="Search docs"
+            placeholder="Search"
+            aria-label="Search"
             title="Hit 's' to search docs"
             onFocus={() => this.setState({ focussed: true })}
             onBlur={() => this.setState({ focussed: false })}