Merge branch 'add-right-margin-to-ci-error-icon' into 'master'

Added ci-error class and applied a right margin to the ci error widget state

See merge request !11353

app/assets/javascripts/vue_merge_request_widget/components/mr_widget_pipeline.js

@@ -31,7 +31,7 @@ export default {
     <div class="mr-widget-heading">
       <div class="ci-widget">
         <template v-if="hasCIError">
-          <div class="ci-status-icon ci-status-icon-failed js-ci-error">
+          <div class="ci-status-icon ci-status-icon-failed ci-error js-ci-error">
             <span class="js-icon-link icon-link">
               <span
                 v-html="svg"

app/assets/stylesheets/pages/merge_requests.scss

@@ -109,6 +109,10 @@
       height: 22px;
       margin-right: 8px;
     }
+
+    .ci-error {
+      margin-right: $btn-side-margin;
+    }
   }
 
   .mr-widget-body,