Accomodate several tags in one cell

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

@@ -39,7 +39,7 @@
   };
 </script>
 <template>
-  <div class="table-section section-15 hidden-xs hidden-sm">
+  <div class="table-section section-15 hidden-xs hidden-sm pipeline-tags">
     <a
       :href="pipeline.path"
       class="js-pipeline-url-link">
@@ -75,7 +75,7 @@
       </span>
       <a
         v-if="pipeline.flags.auto_devops"
-        class="js-pipeline-url-autodevops label label-info autodevops-link"
+        class="js-pipeline-url-autodevops label label-info autodevops-badge"
         v-popover="popoverOptions"
         role="button">
         Auto DevOps

app/assets/stylesheets/pages/commits.scss

@@ -220,12 +220,20 @@
 .commit,
 .generic_commit_status {
-  a:not(.autodevops-link),
+  a,
   button {
     color: $gl-text-color;
     vertical-align: baseline;
   }
+  a.autodevops-badge {
+    color: $white-light;
+  }
+
+  a.autodevops-link {
+    color: $gl-link-color;
+  }
+
   .commit-row-description {
     font-size: 14px;
     padding: 10px 15px;

app/assets/stylesheets/pages/pipelines.scss

@@ -202,6 +202,10 @@
   .btn-group.open .dropdown-toggle {
     box-shadow: none;
   }
+
+  .pipeline-tags .label-container {
+    white-space: normal;
+  }
 }
 .stage-cell {