From f4f5c37c53d852677ee98882bb6577a697057a3e Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Wed, 30 May 2018 18:16:07 +0900
Subject: [PATCH] design

---
 .../component/detail/detail.component.html      | 17 +++++++++++------
 src/styles.scss                                 |  8 ++++++--
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/@overflow/probe/component/detail/detail.component.html b/@overflow/probe/component/detail/detail.component.html
index 610e0fb..0a95311 100644
--- a/@overflow/probe/component/detail/detail.component.html
+++ b/@overflow/probe/component/detail/detail.component.html
@@ -18,9 +18,9 @@
 
   <!-- Probe info -->
   <div class="ui-g ui-bottom-space-10">
-    <p-panel [showHeader]="false" class="nopad">
+    <p-panel [showHeader]="false">
       <div *ngIf="probeHost">
-        <div class="ui-g form-group">
+        <div class="ui-g">
           <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
             <div *ngIf="editMode" class="of-key-value-div">
               <span>Name</span>
@@ -54,15 +54,20 @@
           <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
             <of-key-value [key]="'Authrozied by'" [value]="probeHost.probe.authorizeMember.name"></of-key-value>
           </div>
+
+          <!--
         </div>
       </div>
     </p-panel>
+  </div>-->
 
     <!-- Host info -->
-    <p-panel [showHeader]="false" class="nopad">
+    <!--
+  <div class="ui-g ui-bottom-space-10">
+    <p-panel [showHeader]="false">
       <div *ngIf="probeHost">
-        <div class="ui-g form-group">
-
+        <div class="ui-g">
+-->
           <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
             <of-key-value [key]="'IPv4'" [value]="probeHost.host.ipv4"></of-key-value>
           </div>
@@ -82,8 +87,8 @@
         </div>
       </div>
     </p-panel>
-
   </div>
+
   <div class="ui-g" dir="rtl">
     <button class="ui-button-danger ui-button-width-fit" [disabled]="true" type="button" label="Remove this Probe" icon="ui-icon-close" pButton
       (click)="onRemoveClick()"></button>
diff --git a/src/styles.scss b/src/styles.scss
index bf3d95b..9200980 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -162,7 +162,7 @@
 
         .profile {
             box-sizing: border-box;
-            padding-top: 1.2em !important;
+            padding-top: 2em !important;
             width: 200px !important;
             height: 110px !important;
             text-align: center;
@@ -1842,9 +1842,13 @@ body .ui-progressbar .ui-progressbar-value {
     font-size: 50px;
     color: #ffffff !important;
 }
-.ui-panel {
+.block-panel>div {
     border: none !important;
 }
+.block-panel div .ui-panel-content {
+        padding : 0px !important;
+        margin : 0px !important;
+}
 
 .ui-blockui.ui-widget-overlay {
     opacity: 0;