From 01a0a64ff852bbef66b76bdd6f68e58ee91d76f5 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Wed, 20 Apr 2022 11:01:18 +0300
Subject: [PATCH] update on row slider for selected filters

---
 .../searchUtils/newSearchPage.component.html      | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 4a426385..70351578 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -3,12 +3,12 @@
     <div class=" uk-width-1-1" uk-slider="finite: true">
       <div    class="uk-position-relative " >
         <div class="uk-slider-container ">
-          <ul class=" uk-slider-items " style="flex-wrap: nowrap !important;" >
+          <ul class=" uk-slider-items uk-grid uk-grid-small uk-margin-small-right" style="flex-wrap: nowrap !important;" >
             <ng-container *ngIf="customFilter && ((customFilterEnabled &&
             refineFields.indexOf(customFilter.queryFieldName) ==
             -1) ||customFilter.isHiddenFilter)">
-                <li class="uk-margin-small-right">
-                  <span class="uk-label uk-label-secondary uk-text-truncate">
+                <li class="">
+                  <span class="uk-label uk-label-secondary uk-text-truncate  uk-flex uk-flex-middle">
                     {{customFilter.valueName}}
                   </span>
                 </li>
@@ -16,7 +16,7 @@
             <ng-container *ngIf="resultTypes && resultTypes.countSelectedValues > 0">
               <ng-container *ngFor="let type of resultTypes.values; let i = index;">
                 <ng-container *ngIf="type.selected">
-                  <li class="uk-margin-small-right">
+                  <li class="">
                     <span class="uk-label uk-label-primary uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand uk-text-truncate">{{type.name}}</span>
                       <button [class.uk-disabled]="disabled" (click)="removeResultType(type.id)" class="uk-close uk-icon" [disabled]="disabled">
@@ -30,7 +30,7 @@
             <ng-container *ngIf="selectedRangeFilters > 0">
               <ng-container *ngFor="let filter of rangeFilters ">
                 <ng-container *ngIf="filter.selectedFromAndToValues">
-                  <li class="uk-margin-small-right">
+                  <li class="">
                     <span class="uk-label uk-label-primary uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand uk-text-truncate">{{filter.selectedFromAndToValues}}</span>
                       <button [class.uk-disabled]="disabled" (click)="removeRangeFilter(filter)" class="uk-close uk-icon" [disabled]="disabled">
@@ -45,7 +45,7 @@
               <ng-container *ngIf="filter.countSelectedValues > 0">
                 <ng-container *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; ">
                   <li *ngIf="!customFilter || (customFilter.isHiddenFilter && customFilter.valueId != value.id)"
-                        class="uk-margin-small-right">
+                        class="">
                     <span class="uk-label uk-label-primary uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand uk-text-truncate">{{value.name}}</span>
                       <button [class.uk-disabled]="disabled" (click)="removeFilter(value, filter)" class="uk-close uk-icon" [disabled]="disabled">
@@ -56,9 +56,6 @@
                 </ng-container>
               </ng-container>
             </ng-container>
-            <li class="">
-              <span class="uk-label uk-flex uk-flex-middle uk-invisible" > &#160;&#160; &#160;<!-- adds space--></span>
-            </li>
           </ul>
         </div>
         <div class="">