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 }) => { > -
{ css={{ ...navItemStyles, ...socialIconsStyles, - paddingRight: 0, }} >
+ + .com + 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 })}