design

src/commons/component/host-detail.component.html

@@ -1,8 +1,8 @@
 <div class="ui-g-12">
   <div class="ui-g detail-img">
     <!-- <svg width="200" height="200" viewBox="20 40 140 100">
-                <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
-              </svg> -->
+      <image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
+    </svg> -->
     <div class="svg-div">
       <svg width="140" height="140" viewBox="15 35 140 100">
         <image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/icon/icon_router.svg" />
@@ -12,6 +12,7 @@
   </div>
 
   <p-tabView class="detail-content">
+    <button type="button" pButton label="Ping" (click)="setDefault($event)" class="ui-button-secondary ui-pingbn-position"></button>
     <p-tabPanel header="General">
 
       <ul class="key-value">

src/commons/component/host-detail.component.scss

@@ -15,7 +15,12 @@
   }
 }
 .detail-content {
-  display: inline;
+  min-width: 500px !important;
+}
+.ui-pingbn-position{
+  float: right;
+  margin-top: -28px;
+  margin-right: 5px;
 }
 .detail-content-meta-title > ul{
   padding-top: 0;

src/commons/component/service-detail.component.html

@@ -14,7 +14,9 @@
     </h3>
   </div>
 
+
   <p-tabView class="detail-content">
+    <button type="button" pButton label="Ping" (click)="setDefault($event)" class="ui-button-secondary ui-pingbn-position"></button>
     <p-tabPanel header="General">
 
       <ul class="key-value">

src/commons/component/service-detail.component.scss

@@ -15,7 +15,12 @@
   }
 }
 .detail-content {
-  display: inline;
+  min-width: 500px !important;
+}
+.ui-pingbn-position{
+  float: right;
+  margin-top: -28px;
+  margin-right: 5px;
 }
 .detail-content-meta-title > ul{
   -webkit-margin-before: 0.5em;