From fa299b1cb8cf5a62545df92eb1c29d902d17d0eb Mon Sep 17 00:00:00 2001
From: Deepak Paul <deepak.paul@muraai.com>
Date: Wed, 30 Jan 2019 16:27:30 +0530
Subject: [PATCH] [ADF-3956] [Start Task Cloud] - Fields are not properly
 aligned (#4225)

* [ADF-3956] Split assignee and group into two rows

* [ADF-3956] Removed unnecessary padding that breaks alignment

* [ADF-3956] Removed unused class
---
 .../group/components/group-cloud.component.scss  |  1 -
 .../people-cloud/people-cloud.component.scss     |  1 -
 .../components/start-task-cloud.component.html   | 16 +++++++---------
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/lib/process-services-cloud/src/lib/group/components/group-cloud.component.scss b/lib/process-services-cloud/src/lib/group/components/group-cloud.component.scss
index 81363b1ef9..983eb02543 100644
--- a/lib/process-services-cloud/src/lib/group/components/group-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/group/components/group-cloud.component.scss
@@ -8,7 +8,6 @@
     .adf {
         &-cloud-group {
             .mat-form-field {
-                padding-top: 8px;
                 width: 100%;
             }
 
diff --git a/lib/process-services-cloud/src/lib/task/start-task/components/people-cloud/people-cloud.component.scss b/lib/process-services-cloud/src/lib/task/start-task/components/people-cloud/people-cloud.component.scss
index 44486d8172..cfb14d7008 100644
--- a/lib/process-services-cloud/src/lib/task/start-task/components/people-cloud/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/task/start-task/components/people-cloud/people-cloud.component.scss
@@ -8,7 +8,6 @@
 
         &-people-cloud {
             width: 100%;
-            padding-top: 8px;
         }
 
         &-people-cloud-list {
diff --git a/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html b/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html
index da24f102b9..37be315b66 100644
--- a/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html
@@ -21,7 +21,7 @@
                     </mat-error>
                 </mat-form-field>
             </div>
-            <div class="input-row" fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
+            <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
                 <mat-form-field fxFlex>
                     <mat-label>{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.DESCRIPTION' | translate}}</mat-label>
                     <textarea
@@ -38,7 +38,7 @@
                     </div>
                 </mat-form-field>
             </div>
-            <div class="input-row" fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
+            <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
                 <mat-form-field fxFlex>
                     <input matInput
                         [matDatepicker]="taskDatePicker"
@@ -60,14 +60,12 @@
                         </div>
                     </div>
                 </mat-form-field>
+                <adf-cloud-people fxFlex #peopleInput *ngIf="currentUser" [appName]="appName" [preSelectUsers]="[currentUser]" (selectUser)="onAssigneeSelect($event)" (removeUser)="onRemoveUser()"></adf-cloud-people>
+            </div>
 
-                <div fxFlex>
-                    <adf-cloud-people #peopleInput *ngIf="currentUser" [appName]="appName" [preSelectUsers]="[currentUser]" (selectUser)="onAssigneeSelect($event)" (removeUser)="onRemoveUser()"></adf-cloud-people>
-                </div>
-
-                <div fxFlex>
-                    <adf-cloud-group #groupInput *ngIf="currentUser" [mode]="'multiple'" [appName]="appName" (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
-                </div>
+            <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
+                <adf-cloud-group fxFlex #groupInput *ngIf="currentUser" [mode]="'multiple'" [appName]="appName" (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
+                <div fxFlex></div>
             </div>
     </mat-card-content>