From acca43d45a4c95c0ad3426077c72b8fb08ac6e61 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Wed, 6 Apr 2022 16:26:45 +0300
Subject: [PATCH] tweaks for search page inputs (select)

---
 searchPages/searchUtils/newSearchPage.component.html | 6 +++---
 searchPages/searchUtils/searchSorting.component.ts   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index e2c6c568..0b03f2ec 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -272,12 +272,12 @@
                   <div class="uk-flex uk-flex-middle">
 										<!-- TODO: Disabled functionality -->
 										<!-- [isDisabled]="disabled" -->
-										<div class="uk-width-1-2 uk-margin-right"  *ngIf="searchUtils.totalResults >= 50">
-											<div input type="select" placeholder="Results per page:" 
+										<div class="uk-width-small uk-margin-right"  *ngIf="searchUtils.totalResults >= 50">
+											<div input type="select" placeholder="Results per page:" inputClass="flat x-small"
 												[options]="['5','10','20','50']" [(value)]="searchUtils.size"
 												(valueChange)="sizeChanged($event)"></div>
 										</div>
-                    <search-sorting *ngIf="sort"  class="uk-width-1-2"
+                    <search-sorting *ngIf="sort"
                                     [entityType]="entityType" [sortBy]="searchUtils.sortBy"
                                     (sortByChange)="sortByChanged($event)"
                                     [isDisabled]="disabled">
diff --git a/searchPages/searchUtils/searchSorting.component.ts b/searchPages/searchUtils/searchSorting.component.ts
index 1505ff92..a65add30 100644
--- a/searchPages/searchUtils/searchSorting.component.ts
+++ b/searchPages/searchUtils/searchSorting.component.ts
@@ -3,15 +3,15 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
 @Component({
     selector: 'search-sorting',
     template: `
-      <div>
+      <div class="uk-width-small">
 				<!-- TODO: Disabled functionality -->
 				<div input *ngIf="(entityType != 'community' && entityType != 'stakeholder' )"
-					type="select" placeholder="Sort by:"
+					type="select" placeholder="Sort by:" inputClass="flat x-small"
 					[options]="optionsA" [(value)]="sortBy"
 					(valueChange)="sortByChanged()"></div>
 
 				<div input *ngIf="(entityType == 'community' || entityType == 'stakeholder')"
-					type="select" placeholder="Sort by:"
+					type="select" placeholder="Sort by:" inputClass="flat x-small"
 					[options]="optionsB" [(value)]="sortBy"
 					(valueChange)="sortByChanged()"></div>
       </div>