Use the pill styling elsewhere...

TODO: Probably change the %tag to %pill now I've remembered the word I was
looking for!

ui-v2/app/styles/app.scss

@@ -45,6 +45,7 @@
 @import 'components/notice';
 
 @import 'routes/dc/service/index';
+@import 'routes/dc/nodes/index';
 @import 'routes/dc/kv/index';
 
 main a {

ui-v2/app/styles/routes/dc/service/index.scss

@@ -6,6 +6,8 @@ html.template-service.template-show main dl {
 html.template-service.template-show main dt {
   display: none;
 }
+// TODO: Generalize this, also see nodes/index
+html.template-service.template-list td.tags span,
 html.template-service.template-show main dd span {
   @extend %tag;
   background-color: $gray;

ui-v2/app/templates/dc/nodes/-services.hbs

@@ -20,9 +20,11 @@
             <td data-test-service-port="{{item.Port}}" class="port">
                 {{item.Port}}
             </td>
-            <td>
+            <td data-test-service-tags class="tags">
                 {{#if (gt item.Tags.length 0)}}
-                    {{join ', ' item.Tags}}
+                  {{#each item.Tags as |item|}}
+                    <span>{{item}}</span>
+                  {{/each}}
                 {{/if}}
             </td>
         {{/block-slot}}

ui-v2/app/templates/dc/services/index.hbs

@@ -35,9 +35,11 @@
                         <dd title="Critical" class={{if (lt item.ChecksCritical 1) 'zero'}} style={{criticalWidth}}>{{format_number item.ChecksCritical}}</dd>
                     </dl>
                 </td>
-                <td style={{remainingWidth}}>
+                <td class="tags" style={{remainingWidth}}>
                 {{#if (gt item.Tags.length 0)}}
-                    {{join ', ' item.Tags}}
+                  {{#each item.Tags as |item|}}
+                    <span>{{item}}</span>
+                  {{/each}}
                 {{/if}}
                 </td>
             {{/block-slot}}