From 97b9ccd885e4ff38cf1ac69b3eba503d3dad82f2 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 20 Mar 2020 14:52:34 +0000
Subject: [PATCH] [Library | Trunk]: Update project filters on organization
 landing base on mockups.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58311 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../projects-in-modal.component.ts            | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/landingPages/landing-utils/projects-in-modal.component.ts b/landingPages/landing-utils/projects-in-modal.component.ts
index b2fc5b8a..a3e53fe9 100644
--- a/landingPages/landing-utils/projects-in-modal.component.ts
+++ b/landingPages/landing-utils/projects-in-modal.component.ts
@@ -16,20 +16,19 @@ import {AlertModal} from "../../utils/modal/alert";
 @Component({
   selector: 'projectsInModal',
   template: `
-    <errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'"
-                   tab_error_class=true></errorMessages>
-
-    <div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
-      <ul *ngIf="fetchProjects.funders.length > 1" class="uk-list uk-list-divider uk-margin-remove">
-        <li *ngFor="let filter of fetchProjects.filters ">
-          <!--div class="text-bold">Filter by {{filter.title}}:</div-->
+    <div *ngIf="fetchProjects.funders.length > 1" class="uk-margin-small-bottom">Filter by Funder:</div>
+    <ul *ngIf="fetchProjects.funders.length > 1" class="uk-list uk-list-divider uk-margin-remove">
+      <li *ngFor="let filter of fetchProjects.filters ">
           <span *ngFor="let value of filter.values" class="uk-animation-fade uk-margin-small-right">
              <input [(ngModel)]="value.selected" type="checkbox"
                     (ngModelChange)="filterChange(value.selected)"/>
-             <span title="{{value.name}}"> {{value.name}}</span>
+             <span class="uk-text-bold"> {{value.name}}</span>
           </span>
-        </li>
-      </ul>
+      </li>
+    </ul>
+    <errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'"
+                   tab_error_class=true></errorMessages>
+    <div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
       <no-load-paging *ngIf="fetchProjects.searchUtils.totalResults > size" [type]="'projects'"
                       (pageChange)="pageChange($event)"
                       [page]="page" [pageSize]="size"