From aaef4228a93d9dd1b0ccb35f292f17e9988d6b79 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Mon, 17 Sep 2018 22:51:10 +0900
Subject: [PATCH] design

---
 src/assets/image/icon/icon_background.svg           | 2 ++
 src/commons/component/host-detail.component.html    | 4 ++--
 src/commons/component/service-detail.component.html | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/assets/image/icon/icon_background.svg b/src/assets/image/icon/icon_background.svg
index 7c6332d..269775e 100644
--- a/src/assets/image/icon/icon_background.svg
+++ b/src/assets/image/icon/icon_background.svg
@@ -4,8 +4,10 @@
 	 viewBox="0 0 66 56" style="enable-background:new 0 0 66 56;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#E3E3E2;}
+	.st1{fill:#FFFFFF;}
 </style>
 <g>
 	<path class="st0" d="M44.9,52.5H21.1l-11.9-9l11.9-9h23.8l11.9,9L44.9,52.5z M66,43.5L49.5,30.9h-33L0,43.5L16.5,56h33L66,43.5z"/>
 </g>
+<polygon class="st1" points="44.9,52.5 21.1,52.5 9.2,43.5 21.1,34.5 44.9,34.5 56.8,43.5 "/>
 </svg>
diff --git a/src/commons/component/host-detail.component.html b/src/commons/component/host-detail.component.html
index a697d30..b8bb090 100644
--- a/src/commons/component/host-detail.component.html
+++ b/src/commons/component/host-detail.component.html
@@ -10,8 +10,8 @@
                 attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
             </svg> -->
       <svg width="140" height="140" viewBox="20 10 140 140">
-        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
-        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
       </svg>
     </div>
     <h3>{{host.name}} <span>{{host.address}}</span></h3>
diff --git a/src/commons/component/service-detail.component.html b/src/commons/component/service-detail.component.html
index 861fb3b..cfb4005 100644
--- a/src/commons/component/service-detail.component.html
+++ b/src/commons/component/service-detail.component.html
@@ -10,8 +10,8 @@
               <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
             </svg> -->
       <svg width="140" height="140" viewBox="20 10 140 140">
-        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
-        <image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
+        <image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
       </svg>
     </div>
     <h3>