From b4307ef25e1aa3d3b5173bfa239e1644ed0c7ac5 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Thu, 13 Sep 2018 15:27:08 +0900
Subject: [PATCH] design

---
 .../scanner-setting-dropdown.component.html   | 36 ++++++++++---------
 .../scanner-setting-dropdown.component.scss   |  5 +++
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/commons/component/scanner-setting-dropdown.component.html b/src/commons/component/scanner-setting-dropdown.component.html
index b3c0ef8..aa3fe83 100644
--- a/src/commons/component/scanner-setting-dropdown.component.html
+++ b/src/commons/component/scanner-setting-dropdown.component.html
@@ -1,4 +1,5 @@
-<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget" (cancel)="cancel()">
+<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget"
+  (cancel)="cancel()">
   <p-header class="toolbar-button">
     <button _ngcontent-c1="" class="button-component" type="button">
       <!-- <svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px">
@@ -14,7 +15,8 @@
           <div _ngcontent-c1="" class="title">{{portSummary}}</div>
         </div>
       </div>
-      <svg _ngcontent-c1="" aria-hidden="true" class="octicon dropdownArrow" version="1.1" viewBox="0 0 12 16" width="16px" height="16px">
+      <svg _ngcontent-c1="" aria-hidden="true" class="octicon dropdownArrow" version="1.1" viewBox="0 0 12 16" width="16px"
+        height="16px">
         <path _ngcontent-c1="" d="M0 5l6 6 6-6z">
         </path>
       </svg>
@@ -33,15 +35,16 @@
         <p-radioButton name="ipType" value="V6" label="V6" [(ngModel)]="ipType" [disabled]="true"></p-radioButton>
       </div>
       <div class="ui-g-10 ui-g-offset-2">Range :
-        <input type="text" pInputText placeholder="192.168.1.1" style="width:100px;" [(ngModel)]="firstIP" (ngModelChange)="validateIP($event, 0)"
-          (keypress)="ipPressed($event)"> -
-        <input type="text" pInputText placeholder="192.168.1.254" style="width:100px;" [(ngModel)]="lastIP" (ngModelChange)="validateIP($event, 1)"
-          (keypress)="ipPressed($event)">
+        <input type="text" pInputText placeholder="192.168.1.1" style="width:100px;" [(ngModel)]="firstIP"
+          (ngModelChange)="validateIP($event, 0)" (keypress)="ipPressed($event)"> -
+        <input type="text" pInputText placeholder="192.168.1.254" style="width:100px;" [(ngModel)]="lastIP"
+          (ngModelChange)="validateIP($event, 1)" (keypress)="ipPressed($event)">
+        <div *ngIf="ipErrMsg" class="ui-err-msg">
+          {{ipErrMsg}}
+        </div>
       </div>
     </div>
-    <div *ngIf="ipErrMsg">
-      {{ipErrMsg}}
-    </div>
+
   </div>
   <div class="ui-g">
     <div class="ui-g-12">
@@ -55,15 +58,16 @@
         <p-checkbox name="includePortType" value="UDP" label="UDP" [(ngModel)]="includePortType" (onChange)="validateUDP($event)"></p-checkbox>
       </div>
       <div class="ui-g-10 ui-g-offset-2">Range :
-        <input type="text" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535" maxlength="5"
-          (ngModelChange)="validatePort($event, 0)" (keypress)="portPressed($event)"> -
-        <input type="text" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535" maxlength="5"
-          (ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)">
+        <input type="text" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535"
+          maxlength="5" (ngModelChange)="validatePort($event, 0)" (keypress)="portPressed($event)"> -
+        <input type="text" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535"
+          maxlength="5" (ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)">
+        <div *ngIf="portErrMsg" class="ui-err-msg">
+          {{portErrMsg}}
+        </div>
       </div>
     </div>
-    <div *ngIf="portErrMsg">
-      {{portErrMsg}}
-    </div>
+
   </div>
 
 
diff --git a/src/commons/component/scanner-setting-dropdown.component.scss b/src/commons/component/scanner-setting-dropdown.component.scss
index e4b9d80..867c794 100644
--- a/src/commons/component/scanner-setting-dropdown.component.scss
+++ b/src/commons/component/scanner-setting-dropdown.component.scss
@@ -14,4 +14,9 @@
     float: right;
     margin-left: 4px;
   }
+}
+.ui-err-msg {
+  padding-left:40px;
+  margin: 5px;
+  color: red;
 }
\ No newline at end of file