From f1648602d5c60fc7ecabbcdb723738848a89274d Mon Sep 17 00:00:00 2001
From: Cheng <fangyuanc@vmware.com>
Date: Wed, 26 Sep 2018 12:10:47 +0800
Subject: [PATCH 1/4] Make the replication dialog a little bit wider

Signed-off-by: Cheng <fangyuanc@vmware.com>
---
 .../src/create-edit-rule/create-edit-rule.component.html   | 2 +-
 .../src/create-edit-rule/create-edit-rule.component.scss   | 7 ++++++-
 2 files changed, 7 insertions(+), 2 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 8d8bc416f..66d358cf8 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
@@ -105,7 +105,7 @@
               </select>
             </div>
             <!--on push-->
-            <div formGroupName="schedule_param">
+            <div formGroupName="schedule_param" class="schedule_style">
               <div class="select floatSet" [hidden]="!isScheduleOpt">
                 <select name="scheduleType" formControlName="type" (change)="selectSchedule($event)">
                   <option value="Daily">{{'REPLICATION.DAILY' | translate}}</option>
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 98326fad0..577e60804 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
@@ -32,6 +32,7 @@ h4 {
     margin-top: 2px;
     line-height: 1em;
     font-size: 12px;
+    margin-left: 2px !important;
 }
 
 .inputWidth {
@@ -74,6 +75,10 @@ h4 {
     margin-right: 10px;
 }
 
+.schedule_style {
+    display: inline-block;
+}
+
 .floatSet {
     display: inline-block;
     width: 82px;
@@ -167,7 +172,7 @@ h4 {
 
 clr-modal {
     ::ng-deep div.modal-dialog {
-        width: 25rem;
+        width: 29rem;
     }
 }
 

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 2/4] 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{

From 98cba2a1a919b525031e68fe65b97ec8cad8f959 Mon Sep 17 00:00:00 2001
From: Cheng <fangyuanc@vmware.com>
Date: Wed, 26 Sep 2018 12:50:24 +0800
Subject: [PATCH 3/4] Make the replication dialog a little bit wider

Signed-off-by: Cheng <fangyuanc@vmware.com>
---
 .../src/create-edit-rule/create-edit-rule.component.html  | 8 +++-----
 .../src/create-edit-rule/create-edit-rule.component.scss  | 6 +++++-
 2 files changed, 8 insertions(+), 6 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 5468f559a..2eb412aa7 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
@@ -81,17 +81,15 @@
         <!--Targets-->
         <div class="form-group form-group-override">
           <label class="form-group-label-override  required">{{'DESTINATION.ENDPOINT' | translate}}</label>
-          <div formArrayName="targets">
+          <div formArrayName="targets" class="form-select">
             <div class="select endpointSelect pull-left" *ngFor="let target of targets.controls; let i= index" [formGroupName]="i">
               <select id="ruleTarget" (change)="targetChange($event)" formControlName="id">
                 <option *ngFor="let target of targetList" value="{{target.id}}">{{target.name}}-{{target.endpoint}}</option>
               </select>
             </div>
           </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>
 
         <!--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 118693356..96fa847bf 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,6 +28,7 @@ h4 {
 }
 
 .alertLabel {
+    display: block;
     margin-top: 2px;
     line-height: 1em;
     font-size: 12px;
@@ -153,12 +154,15 @@ h4 {
     width: 6.5rem;
 }
 
+.form-select {
+    margin-right: 30px;
+}
+
 .goLink {
     color: blue;
     border-bottom: 1px solid blue;
     line-height: 14px;
     cursor: pointer;
-    margin-left: 12px;
 }
 
 .arrowSet{

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

Signed-off-by: Cheng <fangyuanc@vmware.com>
---
 .../lib/src/create-edit-rule/create-edit-rule.component.html    | 2 +-
 .../lib/src/create-edit-rule/create-edit-rule.component.scss    | 2 +-
 2 files changed, 2 insertions(+), 2 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 2eb412aa7..dacc3fd6b 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
@@ -105,7 +105,7 @@
               </select>
             </div>
             <!--on push-->
-            <div formGroupName="schedule_param" class="schedule_style">
+            <div formGroupName="schedule_param" class="schedule-style">
               <div class="select floatSet" [hidden]="!isScheduleOpt">
                 <select name="scheduleType" formControlName="type" (change)="selectSchedule($event)">
                   <option value="Daily">{{'REPLICATION.DAILY' | translate}}</option>
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 96fa847bf..05badda4c 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
@@ -74,7 +74,7 @@ h4 {
     margin-right: 10px;
 }
 
-.schedule_style {
+.schedule-style {
     display: inline-block;
 }