Adjust wording in ToS and adapt styling in the Connect prompts.

Remove the word `fascinating` from the copy of the ToS. Adjust spacing between the remaining components in the propmts.
Automattic · Mar 6, 2018 · 3ca7043 · 3ca7043
1 parent 6084ee5
commit 3ca7043
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/_inc/client/components/connect-button/index.jsx b/_inc/client/components/connect-button/index.jsx
@@ -137,7 +137,7 @@ export class ConnectButton extends React.Component {
 				{ ! this.props.isSiteConnected &&
 					<p className="jp-banner__tos-blurb">
 					{ __(
-						'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: <a href="https://wordpress.com/tos" rel="noopener noreferrer" target="_blank" />,

diff --git a/_inc/client/components/connect-button/style.scss b/_inc/client/components/connect-button/style.scss
@@ -9,10 +9,6 @@
 	border-color: $green-secondary;
 	color: $white;
 
-	&.dops-button {
-		margin-top: 20px;
-	}
-
 	&:hover, &:focus {
 		background: $green-secondary;
 		border-color: $green-dark;

diff --git 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;
 	}
 }