Store - Fix label printing notice styles (#20189)

* fix info notice styling during label printing

* fix step status icon alignment

* Use informational notice instead of warning

client/extensions/woocommerce/woocommerce-services/views/shipping-label/label-purchase-modal/address-step/suggestion.js

@@ -79,7 +79,7 @@ const AddressSuggestion = ( {
 		<div>
 			<Notice
 				className={ errorClass }
-				status="is-warning"
+				status="is-info"
 				showDismiss={ false } >
 				{ translate( 'We have slightly modified the address entered. ' +
 					'If correct, please use the suggested address to ensure accurate delivery.' ) }

client/extensions/woocommerce/woocommerce-services/views/shipping-label/label-purchase-modal/style.scss

@@ -51,12 +51,8 @@
 	.is-error,
 	.is-warning,
 	.is-success {
-		.gridicon {
-			margin-top: -2px;
-		}
-
-		span:first-child {
-			margin-right: 6px;
+		.notice__icon {
+			display: block;
 		}
 	}
 
@@ -114,6 +110,10 @@
 	float: left;
 }
 
+.label-purchase-modal__step-status {
+	margin: 3px 0 0 5px;
+}
+
 .label-purchase-modal__step-title {
 	margin: 0 0 0 8px;
 }

client/extensions/woocommerce/woocommerce-services/views/shipping-label/style.scss

@@ -40,21 +40,21 @@
 			margin-right: 2px;
 		}
 	}
-	
+
 	.shipping-label__item-detail {
 		margin-bottom: 6px;
-		
+
 		a {
 			vertical-align: text-top;
-		}			
+		}
 	}
 
 	.shipping-label__item-actions {
 		margin-bottom: 0;
-		
+
 		a {
 			margin-top: 10px;
-		}			
+		}
 	}
 
 	.shipping-label__purchase-error {
@@ -93,12 +93,7 @@
 }
 
 .error-notice {
-	margin: -24px -24px 24px -24px;
 	width: inherit;
-
-	.notice__icon {
-		display: none;
-	}
 }
 
 .shipping-label__loading-spinner {