From 064552188e0f9a9eef70067e037a06c09bd2af80 Mon Sep 17 00:00:00 2001
From: lhenze <laurahenze@gmail.com>
Date: Sat, 24 Aug 2019 13:47:20 -0400
Subject: [PATCH 1/2] Moving the ngIf directive to wrap both parts of the
 statement

---
 src/app/shared/pagination/pagination.component.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/pagination/pagination.component.html b/src/app/shared/pagination/pagination.component.html
index 22a58dd7fc..5941d4fa59 100644
--- a/src/app/shared/pagination/pagination.component.html
+++ b/src/app/shared/pagination/pagination.component.html
@@ -2,8 +2,10 @@
   <div  class="pagination-masked clearfix top">
     <div class="row">
       <div *ngIf="!hidePaginationDetail" class="col-auto pagination-info">
-        <span class="align-middle hidden-xs-down">{{ 'pagination.showing.label' | translate }}</span>
-        <span class="align-middle" *ngIf="collectionSize">{{ 'pagination.showing.detail' | translate:getShowingDetails(collectionSize)}}</span>
+        <ng-container *ngIf="collectionSize">
+          <span class="align-middle hidden-xs-down">{{ 'pagination.showing.label' | translate }}</span>
+          <span class="align-middle">{{ 'pagination.showing.detail' | translate:getShowingDetails(collectionSize)}}</span>
+        </ng-container>
       </div>
       <div class="col">
         <div *ngIf="!hideGear" ngbDropdown #paginationControls="ngbDropdown" placement="bottom-right" class="d-inline-block float-right">

From 316ced7fefb225b9f1bbda19451f7c356b0a7afc Mon Sep 17 00:00:00 2001
From: lhenze <laurahenze@gmail.com>
Date: Mon, 26 Aug 2019 07:47:11 -0400
Subject: [PATCH 2/2] More compact approach h/t @artlowel

---
 src/app/shared/pagination/pagination.component.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/shared/pagination/pagination.component.html b/src/app/shared/pagination/pagination.component.html
index 5941d4fa59..c16a153026 100644
--- a/src/app/shared/pagination/pagination.component.html
+++ b/src/app/shared/pagination/pagination.component.html
@@ -1,11 +1,9 @@
 <div *ngIf="currentPageState == undefined || currentPageState == currentPage">
   <div  class="pagination-masked clearfix top">
     <div class="row">
-      <div *ngIf="!hidePaginationDetail" class="col-auto pagination-info">
-        <ng-container *ngIf="collectionSize">
+      <div *ngIf="!hidePaginationDetail && collectionSize > 0" class="col-auto pagination-info">
           <span class="align-middle hidden-xs-down">{{ 'pagination.showing.label' | translate }}</span>
           <span class="align-middle">{{ 'pagination.showing.detail' | translate:getShowingDetails(collectionSize)}}</span>
-        </ng-container>
       </div>
       <div class="col">
         <div *ngIf="!hideGear" ngbDropdown #paginationControls="ngbDropdown" placement="bottom-right" class="d-inline-block float-right">