From e3c9b8bd40be7cc5b104a5a06d2fe8a4126d8682 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Wed, 12 Sep 2018 16:52:01 +0900
Subject: [PATCH] design

---
 src/commons/component/host-detail.component.html    | 2 +-
 src/commons/component/host-detail.component.scss    | 6 ++++++
 src/commons/component/service-detail.component.html | 2 +-
 src/commons/component/service-detail.component.scss | 6 ++++++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/commons/component/host-detail.component.html b/src/commons/component/host-detail.component.html
index 08e5102..26b4bf1 100644
--- a/src/commons/component/host-detail.component.html
+++ b/src/commons/component/host-detail.component.html
@@ -48,7 +48,7 @@
     </p-tabPanel>
 
     <p-tabPanel header="Metadata" *ngIf="host.meta">
-      <ul>
+      <ul class="detail-content-meta-title">
         <li *ngFor="let key of host.meta | objectKeys">
           {{key | stringPrettify}}
 
diff --git a/src/commons/component/host-detail.component.scss b/src/commons/component/host-detail.component.scss
index 9adb68e..44d9d9b 100644
--- a/src/commons/component/host-detail.component.scss
+++ b/src/commons/component/host-detail.component.scss
@@ -15,6 +15,12 @@
 .detail-content {
   display: inline;
 }
+.detail-content-meta-title > ul{
+  padding-top: 0;
+}
+.detail-content-meta-title > li{
+  padding: 20px 0 0 0;
+}
 
 .key-value {
   list-style-type: none;
diff --git a/src/commons/component/service-detail.component.html b/src/commons/component/service-detail.component.html
index 9fc501b..3d48616 100644
--- a/src/commons/component/service-detail.component.html
+++ b/src/commons/component/service-detail.component.html
@@ -37,7 +37,7 @@
     </p-tabPanel>
 
     <p-tabPanel header="Metadata" *ngIf="service.meta">
-      <ul>
+      <ul class="detail-content-meta-title">
         <li *ngFor="let key of service.meta | objectKeys">
           {{key | stringPrettify}}
 
diff --git a/src/commons/component/service-detail.component.scss b/src/commons/component/service-detail.component.scss
index 9adb68e..44d9d9b 100644
--- a/src/commons/component/service-detail.component.scss
+++ b/src/commons/component/service-detail.component.scss
@@ -15,6 +15,12 @@
 .detail-content {
   display: inline;
 }
+.detail-content-meta-title > ul{
+  padding-top: 0;
+}
+.detail-content-meta-title > li{
+  padding: 20px 0 0 0;
+}
 
 .key-value {
   list-style-type: none;