ui: Layout fix. Small padding additions to tables (#4701)

1. The 'Services' header need to be knocked ot the right slightly to line
up properly with the service name when there are no external source
icons.
2. Add a single space between ServiceName and ServiceID on the Node >
[Services] tab table.

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

@@ -11,3 +11,7 @@ html.template-service.template-list td.tags span,
 html.template-service.template-show main dd span {
   @extend %pill;
 }
+html.template-node.template-show #services th:first-child,
+html.template-service.template-list main th:first-child {
+  text-indent: 28px;
+}

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

@@ -18,7 +18,7 @@
             <td data-test-service-name="{{item.Service}}">
               <a href={{href-to 'dc.services.show' item.Service}}>
                 <span data-test-external-source="{{service/external-source item}}" style="background-image: {{css-var (concat '--' (service/external-source item) '-color-svg') 'none'}}"></span>
-                {{item.Service}}{{#if (not-eq item.ID item.Service) }}<em data-test-service-id="{{item.ID}}">({{item.ID}})</em>{{/if}}
+                {{item.Service}}{{#if (not-eq item.ID item.Service) }} <em data-test-service-id="{{item.ID}}">({{item.ID}})</em>{{/if}}
               </a>
             </td>
             <td data-test-service-port="{{item.Port}}" class="port">