From a0098892b6dad3824768ef174e324ae02b089cd6 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni"
 <konstantina.galouni@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 2 Jun 2017 17:57:42 +0000
Subject: [PATCH] Added a space between filters

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@47452 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../app/searchPages/searchUtils/searchFilter.component.ts   | 6 ++++--
 .../searchPages/searchUtils/searchFilterModal.component.ts  | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts b/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
index d6946874..163b1198 100644
--- a/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
+++ b/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
@@ -17,14 +17,16 @@ import {Open} from '../../utils/modal/open.component';
 
                <span class="filterName"><div title = "{{value.name}}">
                <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
-               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+               {{_formatName(value)}} </div></span>
+               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
             </div>
             <!--div class="uk-grid-divider uk-margin-remove"></div-->
             <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">
             <div *ngFor = "let value of getNotSelectedValues(filter).slice(0,5-getSelectedValues(filter).length)" class = "uk-animation-fade filterItem">
 
                <span class="filterName"><div title = "{{value.name}}"> <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
-               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+               {{_formatName(value)}} </div></span>
+               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
             </div>
 
             <a *ngIf="(getSelectedValues(filter).length + getNotSelectedValues(filter).length) > 5" (click)="toggle()" [class]="(isDisabled)?'uk-disabled uk-link-muted':''">Show More</a>
diff --git a/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts b/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
index ca59eddf..bb0ed624 100644
--- a/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
+++ b/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
@@ -21,13 +21,15 @@ import { Filter} from './searchHelperClasses.class';
 
            <span class="filterName"><div title = "{{value.name}}">
            <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">
-           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+           {{value.name}} </div></span>
+           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
         </div>
         <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">
         <div *ngFor = "let value of getNotSelectedValues(filter)" class = "uk-animation-fade filterItem">
            <span class="filterName"><div title = "{{value.name}}">
            <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">
-           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+           {{value.name}} </div></span>
+           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
         </div>
       </div>
     </div>