diff --git a/_inc/client/components/connect-button/index.jsx b/_inc/client/components/connect-button/index.jsx index 38e4b18fb3f69..20da9dee83dce 100644 --- a/_inc/client/components/connect-button/index.jsx +++ b/_inc/client/components/connect-button/index.jsx @@ -69,6 +69,7 @@ export class ConnectButton extends React.Component { @@ -134,12 +135,10 @@ export class ConnectButton extends React.Component { render() { return (
- { this.renderContent() } - { this.props.children } { ! this.props.isSiteConnected &&

{ __( - 'By connecting your site you agree to our fascinating {{tosLink}}Terms of Service{{/tosLink}} and to {{shareDetailsLink}}share details{{/shareDetailsLink}} with WordPress.com', + 'By connecting your site you agree to our {{tosLink}}Terms of Service{{/tosLink}} and to {{shareDetailsLink}}share details{{/shareDetailsLink}} with WordPress.com', { components: { tosLink: , @@ -149,6 +148,8 @@ export class ConnectButton extends React.Component { ) }

} + { this.renderContent() } + { this.props.children } { const wrapper = shallow( ); it( 'does not link to a URL', () => { - expect( wrapper.find( 'a' ).first().props().href ).to.not.exist; + expect( wrapper.find( 'a.jp-jetpack-unlink__button' ).first().props().href ).to.not.exist; } ); it( 'has an onClick method', () => { - expect( wrapper.find( 'a' ).first().props().onClick ).to.exist; + expect( wrapper.find( 'a.jp-jetpack-unlink__button' ).first().props().onClick ).to.exist; } ); it( 'when clicked, unlinkUser() is called once', () => { - wrapper.find( 'a' ).first().simulate( 'click' ); + wrapper.find( 'a.jp-jetpack-unlink__button' ).first().simulate( 'click' ); expect( unlinkUser.calledOnce ).to.be.true; } ); diff --git a/_inc/client/components/jetpack-connect/index.jsx b/_inc/client/components/jetpack-connect/index.jsx index d7689dc73f4c1..1f59cd4c9f699 100644 --- a/_inc/client/components/jetpack-connect/index.jsx +++ b/_inc/client/components/jetpack-connect/index.jsx @@ -17,8 +17,6 @@ class JetpackConnect extends React.Component { static displayName = 'JetpackConnect'; render() { - const newAccountUrl = this.props.connectUrl + '&from=new-account-button'; - return (

@@ -29,13 +27,7 @@ class JetpackConnect extends React.Component {

{ __( 'Hassle-free design, marketing, and security for your WordPress site. Connect Jetpack to a WordPress.com account to start building your own success story.' ) }

- -

- - { __( 'No account? Create one for free.' ) } - -

- + @@ -217,13 +209,7 @@ class JetpackConnect extends React.Component { 'We\'re passionate about WordPress and here to make your life easier.' ) }

- -

- - { __( 'No account? Create one for free.' ) } - -

-
+

); diff --git a/_inc/client/components/jetpack-connect/style.scss b/_inc/client/components/jetpack-connect/style.scss index dd44a483ad09d..95a4334de9dc3 100644 --- a/_inc/client/components/jetpack-connect/style.scss +++ b/_inc/client/components/jetpack-connect/style.scss @@ -13,8 +13,8 @@ .jp-banner__tos-blurb { font-size: rem( 11px ); color: $gray-dark; - margin-bottom: 0; padding-top: 5px; + margin-bottom: 30px; } } @@ -24,6 +24,8 @@ } .jp-jetpack-connect__description { padding: 0 0 rem( 16px ); + margin-top: 20px; + margin-bottom: 10px; } }