center the pagination block.

fastenhealth · Oct 4, 2023 · d43e3d0 · d43e3d0
1 parent 597a80d
commit d43e3d0
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/frontend/src/app/pages/medical-history/medical-history.component.html b/frontend/src/app/pages/medical-history/medical-history.component.html
@@ -35,12 +35,17 @@ <h1 class="az-dashboard-title">Condition</h1>
         <app-report-medical-history-condition *ngFor="let condition of conditions; let i = index" [conditionGroup]="condition"></app-report-medical-history-condition>
         <app-report-medical-history-explanation-of-benefit *ngFor="let eob of explanationOfBenefits; let i = index" [explanationOfBenefitGroup]="eob"></app-report-medical-history-explanation-of-benefit>
 
-        <ngb-pagination
-          *ngIf="resourceGraphMetadata.total_elements > resourceGraphMetadata.page_size"
-          [(page)]="resourceGraphMetadata.page"
-          (pageChange)="pageChange($event)"
-          [pageSize]="resourceGraphMetadata.page_size"
-          [collectionSize]="resourceGraphMetadata.total_elements"></ngb-pagination>
+        <div class="row">
+          <div class="col-12 d-flex justify-content-center flex-nowrap">
+            <ngb-pagination
+              *ngIf="resourceGraphMetadata.total_elements > resourceGraphMetadata.page_size"
+              [(page)]="resourceGraphMetadata.page"
+              (pageChange)="pageChange($event)"
+              [pageSize]="resourceGraphMetadata.page_size"
+              [collectionSize]="resourceGraphMetadata.total_elements"></ngb-pagination>
+          </div>
+        </div>
+
       </ng-template>
 
       <ng-template #emptyReport>

diff --git a/frontend/src/app/pages/report-labs/report-labs.component.html b/frontend/src/app/pages/report-labs/report-labs.component.html
@@ -67,14 +67,17 @@ <h1 class="az-dashboard-title">Observations</h1>
 
 
         <!-- Pagination -->
-        <ngb-pagination
-          class="mr-auto"
-          [collectionSize]="allObservationGroups.length"
-          [(page)]="currentPage"
-          [pageSize]="pageSize"
-          (pageChange)="populateObservationsForCurrentPage()"
-        >
-        </ngb-pagination>
+        <div class="row">
+          <div class="col-12 d-flex justify-content-center flex-nowrap">
+            <ngb-pagination
+              [collectionSize]="allObservationGroups.length"
+              [(page)]="currentPage"
+              [pageSize]="pageSize"
+              (pageChange)="populateObservationsForCurrentPage()"
+            >
+            </ngb-pagination>
+          </div>
+        </div>
 
       </ng-template>