From 73e408b851a8d17a02efb90e72f5e1a44cd574af Mon Sep 17 00:00:00 2001
From: FangyuanCheng <fangyuanc@vmware.com>
Date: Tue, 16 Apr 2019 22:38:28 +0800
Subject: [PATCH] Fix cron input box and select box not in one line

Signed-off-by: FangyuanCheng <fangyuanc@vmware.com>
---
 .../lib/src/cron-schedule/cron-schedule.component.html      | 2 +-
 .../lib/src/cron-schedule/cron-schedule.component.scss      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/portal/lib/src/cron-schedule/cron-schedule.component.html b/src/portal/lib/src/cron-schedule/cron-schedule.component.html
index 9f6fcdbe9..5faa13f6e 100644
--- a/src/portal/lib/src/cron-schedule/cron-schedule.component.html
+++ b/src/portal/lib/src/cron-schedule/cron-schedule.component.html
@@ -33,7 +33,7 @@
     </select>
   </div>
   <span [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM">{{ "SCHEDULE.CRON" | translate }} :</span>
-  <div [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM">
+  <div [hidden]="scheduleType!==SCHEDULE_TYPE.CUSTOM" class="cron-input">
     <label for="targetCron" aria-haspopup="true" role="tooltip" [class.invalid]="dateInvalid" class="tooltip tooltip-validation tooltip-md tooltip-top-right cron-label">
       <input type="text"  (blur)="blurInvalid()" (input)="inputInvalid()" name=targetCron id="targetCron" #cronStringInput="ngModel" required class="form-control"
         [(ngModel)]="cronString">
diff --git a/src/portal/lib/src/cron-schedule/cron-schedule.component.scss b/src/portal/lib/src/cron-schedule/cron-schedule.component.scss
index 0600f58c5..cf15c1f9e 100644
--- a/src/portal/lib/src/cron-schedule/cron-schedule.component.scss
+++ b/src/portal/lib/src/cron-schedule/cron-schedule.component.scss
@@ -37,6 +37,12 @@
       width: 100px;
     }
 
+    .cron-input {
+      position: absolute;
+      display: inline-block;
+      width: 270px;
+    }
+
     .cron-label {
       width: 195px;
     }