NUX design tweaks

- Increase the width of GuideTips
- Lower GuideTips so that they don't appear above the WP Admin toolbar
- Rename 'Got it' to 'Tell me more!' and make it a link

nux/components/guide-tip/index.js

@@ -85,11 +85,10 @@ export class GuideTip extends Component {
 							<p>
 								<Button
 									ref={ this.advanceButtonRef }
-									isLarge
-									isPrimary
+									isLink
 									onClick={ onAdvance }
 								>
-									{ __( 'Got it' ) }
+									{ __( 'Tell me more!' ) }
 								</Button>
 							</p>
 							<IconButton

nux/components/guide-tip/style.scss

@@ -80,7 +80,7 @@
 			margin-top: auto;
 			position: absolute;
 			right: auto;
-			top: -50px;
+			top: -20px;
 			width: 350px;
 		}
 
@@ -96,4 +96,10 @@
 			}
 		}
 	}
+
+	@include break-small {
+		.editor-new-user-tip__content {
+			width: 450px;
+		}
+	}
 }

nux/components/guide-tip/test/__snapshots__/index.js.snap

@@ -18,10 +18,9 @@ exports[`GuideTip should render correctly 1`] = `
         </p>
         <p>
           <Button
-            isLarge={true}
-            isPrimary={true}
+            isLink={true}
           >
-            Got it
+            Tell me more!
           </Button>
         </p>
         <IconButton

nux/components/guide-tip/test/index.js

@@ -34,7 +34,7 @@ describe( 'GuideTip', () => {
 				It looks like you’re writing a letter. Would you like help?
 			</GuideTip>
 		);
-		wrapper.find( 'Button[children="Got it"]' ).first().simulate( 'click' );
+		wrapper.find( 'Button[children="Tell me more!"]' ).first().simulate( 'click' );
 		expect( onAdvance ).toHaveBeenCalled();
 	} );