Cluster alert warning is using wrong padding

Summary

The alert warning message when there is a problem authenticating with your cluster is using wrong left padding.

Relevant logs and/or screenshots

Possible fixes

This should use the padding according to the specs which have been updated to require an icon used on the left.

The alert should always contain an icon representing its type

Until gitlab-ui!832 (merged) has been merged the padding can be removed.

diff --git a/app/views/clusters/clusters/_banner.html.haml b/app/views/clusters/clusters/_banner.html.haml
index 4b4278075a6..7ad94744be1 100644
--- a/app/views/clusters/clusters/_banner.html.haml
+++ b/app/views/clusters/clusters/_banner.html.haml
@@ -7,13 +7,13 @@
   %span.prepend-left-4= s_('ClusterIntegration|Kubernetes cluster is being created on Google Kubernetes Engine...')
 
 .hidden.row.js-cluster-api-unreachable.bs-callout.bs-callout-warning{ role: 'alert' }
-  .col-11
+  .col-11.p-0
     = s_('ClusterIntegration|Your cluster API is unreachable. Please ensure your API URL is correct.')
   .col-1.p-0
     %button.js-close-banner.close.cluster-application-banner-close.h-100.m-0= "×"
 
 .hidden.js-cluster-authentication-failure.row.js-cluster-api-unreachable.bs-callout.bs-callout-warning{ role: 'alert' }
-  .col-11
+  .col-11.p-0
     = s_('ClusterIntegration|There was a problem authenticating with your cluster. Please ensure your CA Certificate and Token are valid.')
   .col-1.p-0
     %button.js-close-banner.close.cluster-application-banner-close.h-100.m-0= "×"

Before	After