From 3b9d585da187603c9aafaf7a2fef0c5da3b5a47f Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 22 Feb 2023 16:43:51 +0200
Subject: [PATCH] Fix pageing and downloads alignemnt in mobile

---
 searchPages/searchUtils/newSearchPage.component.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 64d58153..b495f17f 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -252,10 +252,10 @@
                     [href]="openaireLink+this.routerHelper.createQueryParamsString(this.parameterNames, this.parameterValues)"
                     target="_blank"> OpenAIRE - Explore</a>.
               </div>
-              <div class="uk-flex uk-flex-middle uk-flex-wrap" [class.uk-flex-between]="!mobile"
-                   [class.uk-margin-top]="mobile" [class.uk-flex-center]="mobile">
+              <div class="uk-flex uk-flex-middle uk-flex-wrap uk-child-width-1-1 uk-child-width-auto@m" [class.uk-flex-between]="!mobile"
+                   [class.uk-margin-top]="mobile">
                 <!-- Total results, number of pages -->
-                <div class="uk-margin-remove" [class.uk-h6]="!mobile">
+                <div class="uk-margin-remove" [class.uk-h6]="!mobile" [class.uk-text-center]="mobile">
                   <ng-container *ngIf="results && searchUtils.totalResults > 0">
                     <span>{{searchUtils.totalResults|number}}</span>
                     <span class="uk-text-meta uk-text-capitalize"> {{type}}, page </span>
@@ -271,7 +271,7 @@
                 </div>
                 <!-- Download results -->
                 <div *ngIf="showDownload && (searchUtils.status !== errorCodes.LOADING || !loadPaging)"
-                     class="uk-margin-small-bottom uk-margin-small-top" [class.uk-margin-medium-top]="mobile">
+                     class="uk-margin-small-bottom uk-flex uk-margin-small-top" [class.uk-flex-center]="mobile" [class.uk-margin-medium-top]="mobile">
                   <search-download
                       *ngIf="( entityType !='community' && entityType != 'stakeholder') && usedBy == 'search'"
                       [isDisabled]="disabled"