Sidebar Upsell Nudge: Improve UI (#97278)

* Updated the UI according to the design agreed on

* Non-dismissible notices do not have a UI change

* UI changes now only apply to is-dismissible + is-compact

* Minor change in CSS selector

client/blocks/upsell-nudge/style.scss

@@ -54,10 +54,17 @@
 		box-shadow: none;
 	}
 }
-
+.upsell-nudge.is-dismissible.is-compact .banner__content {
+	flex-direction: column;
+}
+.upsell-nudge.is-dismissible.is-compact .banner__info {
+	align-self: flex-start;
+}
 .upsell-nudge.is-dismissible.is-compact .banner__action {
-	margin-top: 0;
+	margin-top: 5px;
 	margin-right: 28px;
+	margin-left: 0;
+	align-self: flex-start;
 	top: 2px;
 }
 .upsell-nudge.banner.card.is-compact.is-card-link {

client/components/banner/style.scss

@@ -267,8 +267,7 @@
 .banner.is-compact .dismissible-card__close-button {
 	width: 16px;
 	height: 16px;
-	top: 50%;
-	margin-top: -8px;
+	margin-top: -10px;
 }
 
 .is-horizontal .dismissible-card__close-button,