From 96508e556b84e88e995225a6698f8e2f2433f7b0 Mon Sep 17 00:00:00 2001
From: John Cowen <johncowen@users.noreply.github.com>
Date: Fri, 21 Sep 2018 11:14:38 +0100
Subject: [PATCH] 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 | 4 ++++
 ui-v2/app/templates/dc/nodes/-services.hbs    | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui-v2/app/styles/routes/dc/service/index.scss b/ui-v2/app/styles/routes/dc/service/index.scss
index 29f36d8d58..c38a957a9d 100644
--- a/ui-v2/app/styles/routes/dc/service/index.scss
+++ b/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;
+}
diff --git a/ui-v2/app/templates/dc/nodes/-services.hbs b/ui-v2/app/templates/dc/nodes/-services.hbs
index d62e755028..36f0182514 100644
--- a/ui-v2/app/templates/dc/nodes/-services.hbs
+++ b/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">