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

@@ -28,7 +28,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

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