Make close notice icon clickable (#6182)

* Make close notice icon clickable

Bump the z-index of the x close link to make sure that the connect
banner is closable. Since currently you can't click on the link to
close the banner.

* Make the banner more readable

By making sure that the icons are always aligned at the same width and
that text lines are not super long.

scss/organisms/_banners.scss

@@ -59,6 +59,10 @@
 	box-sizing: border-box;
 }
 
+.jp-wpcom-connect__inner-container > a:first-child {
+	z-index: 1;
+}
+
 .jp-wpcom-connect__inner-container {
 	display: flex;
 	flex-direction: row;
@@ -67,9 +71,10 @@
 }
 
 .jp-wpcom-connect__content-container {
-	max-width: rem( 1200px );
+	max-width: 800px;
 	position: relative;
 	padding: rem( 32px );
+	z-index: 0;
 
 	@include minbreakpoint(tablet) {
 		padding: rem( 32px ) rem( 32px ) rem( 96px ) rem( 32px );