From f3cc7676ef086ec28748f1a7c88a8f8ba6d0a8c0 Mon Sep 17 00:00:00 2001
From: Cheng <fangyuanc@vmware.com>
Date: Wed, 26 Sep 2018 12:23:29 +0800
Subject: [PATCH] Make the replication dialog a little bit wider

Signed-off-by: Cheng <fangyuanc@vmware.com>
---
 .../src/create-edit-rule/create-edit-rule.component.html    | 6 ++++--
 .../src/create-edit-rule/create-edit-rule.component.scss    | 3 +--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html
index 66d358cf8..5468f559a 100644
--- a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html
+++ b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.html
@@ -88,8 +88,10 @@
               </select>
             </div>
           </div>
-            <label *ngIf="noEndpointInfo.length != 0" class="colorRed alertLabel">{{noEndpointInfo | translate}}</label>
-            <span class="alertLabel goLink" *ngIf="noEndpointInfo.length != 0" (click)="goRegistry()">{{'REPLICATION.ENDPOINTS' | translate}}</span>
+            <div>
+              <label *ngIf="noEndpointInfo.length != 0" class="colorRed alertLabel">{{noEndpointInfo | translate}}</label>
+              <span class="alertLabel goLink" *ngIf="noEndpointInfo.length != 0" (click)="goRegistry()">{{'REPLICATION.ENDPOINTS' | translate}}</span>
+            </div>
         </div>
 
         <!--Trigger-->
diff --git a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss
index 577e60804..118693356 100644
--- a/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss
+++ b/src/portal/lib/src/create-edit-rule/create-edit-rule.component.scss
@@ -28,11 +28,9 @@ h4 {
 }
 
 .alertLabel {
-    display: block;
     margin-top: 2px;
     line-height: 1em;
     font-size: 12px;
-    margin-left: 2px !important;
 }
 
 .inputWidth {
@@ -160,6 +158,7 @@ h4 {
     border-bottom: 1px solid blue;
     line-height: 14px;
     cursor: pointer;
+    margin-left: 12px;
 }
 
 .arrowSet{