Align pipeline icon to center

app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table_row.vue

@@ -272,6 +272,7 @@ export default {
         <ci-badge
           :status="pipelineStatus"
           :show-text="!isChildView"
+          :icon-classes="'gl-vertical-align-middle!'"
           data-qa-selector="pipeline_commit_status"
         />
       </div>

app/assets/javascripts/vue_shared/components/ci_badge_link.vue

@@ -39,6 +39,11 @@ export default {
       required: false,
       default: true,
     },
+    iconClasses: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   computed: {
     cssClass() {
@@ -55,7 +60,7 @@ export default {
     :class="cssClass"
     :title="!showText ? status.text : ''"
   >
-    <ci-icon :status="status" />
+    <ci-icon :status="status" :css-classes="iconClasses" />
 
     <template v-if="showText">
       {{ status.text }}

changelogs/unreleased/pipeline-icon-center.yml

+---
+title: Update pipeline button SVG to be center aligned
+merge_request: 41066
+author:
+type: fixed