Updates CSS for non a tags inside dropdown

app/assets/javascripts/pipelines/components/graph/job_component.vue

@@ -108,7 +108,7 @@ export default {
     <div
       v-else
       v-tooltip
-      class="js-job-component-tooltip"
+      class="js-job-component-tooltip non-details-job-component"
       :title="tooltipText"
       :class="cssClassJobName"
       data-html="true"

app/assets/javascripts/pipelines/components/stage.vue

@@ -96,7 +96,7 @@ export default {
       axios
         .get(this.stage.dropdown_path)
         .then(({ data }) => {
-          this.dropdownContent = data;
+          this.dropdownContent = data.latest_statuses;
           this.isLoading = false;
         })
         .catch(() => {
@@ -117,7 +117,7 @@ export default {
      */
     stopDropdownClickPropagation() {
       $(
-        this.$el.querySelectorAll('.js-builds-dropdown-list a.mini-pipeline-graph-dropdown-item')
+        this.$el.querySelectorAll('.js-builds-dropdown-list a.mini-pipeline-graph-dropdown-item'),
       ).on('click', e => {
         e.stopPropagation();
       });

app/assets/javascripts/pipelines/pipeline_details_bundle.js

@@ -48,7 +48,6 @@ export default () => {
           .catch(() => {
             this.requestFinishedFor = action;
             Flash(__('An error occurred while making the request.'));
-            eventHub.$emit('graphActionFinished', action);
           });
       },
     },

app/assets/stylesheets/pages/pipelines.scss

@@ -805,6 +805,11 @@ button.mini-pipeline-graph-dropdown-toggle {
       line-height: $line-height-base;
       white-space: nowrap;
 
+      // Match dropdown.scss for all `a` tags
+      &.non-details-job-component {
+        padding: 8px 16px;
+      }
+
       .ci-job-name-component {
         align-items: center;
         display: flex;