From ac3434050d689752df231cad247e003548c43e2c Mon Sep 17 00:00:00 2001
From: Sujith Sojan <sujithsojan@gmail.com>
Date: Tue, 21 Mar 2023 10:28:41 +0530
Subject: [PATCH] Issue #ED-1535 fix: UI is not proper for search

---
 src/app/search/search.page.html | 4 ++--
 src/app/search/search.page.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/search/search.page.html b/src/app/search/search.page.html
index a99800f63..518cd93a9 100644
--- a/src/app/search/search.page.html
+++ b/src/app/search/search.page.html
@@ -182,7 +182,7 @@
     </ion-list>
 
     <div *ngIf="searchContentResult && searchContentResult.length">
-      <div class="pills-filter" [ngClass]="{'mt-32': hideSearchOption, '': !hideSearchOption}">
+      <div class="pills-filter" [ngClass]="{'mt-32': hideSearchOption, '': !hideSearchOption, 'scc-container': searchInfolVisibility === 'show', '':searchInfolVisibility === 'hide'}">
         <sb-pills-grid *ngIf="primaryCategoryFilters && primaryCategoryFilters.length" (select)="handleFilterSelect($event)"
           [pillsViewType]="PillsViewType.SCROLL"
           [pillBorder]="PillBorder.ROUND">
@@ -193,7 +193,7 @@
           </sb-pill-item>
         </sb-pills-grid>
       </div>
-      <div class="sb-search-history-entry fixed-counter row">
+      <div class="sb-search-history-entry fixed-counter row" [ngClass]="{'scc-container': searchInfolVisibility === 'show', '':searchInfolVisibility === 'hide'}">
         <div class="col" *ngIf="searchKeywords">
           {{'SHOWING_RESULT_OUTOF_TOTAL' | translate: {'%count': searchContentResult.length, '%query': totalCount} }}
         </div>
diff --git a/src/app/search/search.page.scss b/src/app/search/search.page.scss
index b875efd8c..03e82e2c2 100644
--- a/src/app/search/search.page.scss
+++ b/src/app/search/search.page.scss
@@ -455,6 +455,6 @@
   }
 }
 
-.fixed-counter + .sc-container {  
+.fixed-counter + .sc-container, .scc-container {  
   margin-top: 7rem;
 }