[www] Add dot com to main navigation (#5579)

* add gatsbyjs.com to navbar * remove twiter LOC
gatsbyjs · Jun 5, 2018 · 0e4cfd6 · 0e4cfd6
1 parent 2307938
commit 0e4cfd6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git 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
@@ -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 })}