From 2b77657e8092e76d2465b04802f8d75cc9f92b02 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 4 Mar 2021 10:17:30 +0000
Subject: [PATCH] [Library | Trunk]: Add flex on chips remove icon

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60570 d315682c-612b-4755-9ff5-7f18f6832af3
---
 sharedComponents/input/input.component.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/sharedComponents/input/input.component.ts b/sharedComponents/input/input.component.ts
index 495f5677..e37d4c88 100644
--- a/sharedComponents/input/input.component.ts
+++ b/sharedComponents/input/input.component.ts
@@ -91,8 +91,10 @@ export interface Option {
               <mat-chip-list #chipList>
                 <mat-chip *ngFor="let chip of formAsArray.controls; let i=index" [selectable]="false"
                           [removable]="removable" [attr.uk-tooltip]="getLabel(chip.value)">
-                  <span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span>
-                  <icon name="remove_circle" class="mat-chip-remove" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon>
+                  <span class="uk-flex uk-flex-middle">
+                    <span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span>
+                    <icon name="remove_circle" class="mat-chip-remove" [flex]="true" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon>
+                  </span>
                 </mat-chip>
                 <div class="uk-width-expand uk-position-relative chip-input">
                   <input #searchInput class="uk-width-1-1" [formControl]="searchControl" [matAutocomplete]="auto"