From dab0aefba477406a540ab313d5f36c5997e22e74 Mon Sep 17 00:00:00 2001
From: Joseph Botros <jrbotros@gmail.com>
Date: Wed, 5 Oct 2016 17:29:45 -0400
Subject: [PATCH] feat(pagination): update to work with Bootstrap v4

Addresses #840
---
 src/browser/pager.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/browser/pager.html b/src/browser/pager.html
index 2a780637..8f5636e7 100644
--- a/src/browser/pager.html
+++ b/src/browser/pager.html
@@ -7,13 +7,13 @@
         </button>
     </div>
     <ul ng-if="pages.length" class="pagination ng-table-pagination">
-        <li ng-class="{'disabled': !page.active && !page.current, 'active': page.current}" ng-repeat="page in pages" ng-switch="page.type">
-            <a ng-switch-when="prev" ng-click="params.page(page.number)" href="">&laquo;</a>
-            <a ng-switch-when="first" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
-            <a ng-switch-when="page" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
-            <a ng-switch-when="more" ng-click="params.page(page.number)" href="">&#8230;</a>
-            <a ng-switch-when="last" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
-            <a ng-switch-when="next" ng-click="params.page(page.number)" href="">&raquo;</a>
+        <li class="page-item" ng-class="{'disabled': !page.active && !page.current, 'active': page.current}" ng-repeat="page in pages" ng-switch="page.type">
+            <a class="page-link" ng-switch-when="prev" ng-click="params.page(page.number)" href="">&laquo;</a>
+            <a class="page-link" ng-switch-when="first" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
+            <a class="page-link" ng-switch-when="page" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
+            <a class="page-link" ng-switch-when="more" ng-click="params.page(page.number)" href="">&#8230;</a>
+            <a class="page-link" ng-switch-when="last" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a>
+            <a class="page-link" ng-switch-when="next" ng-click="params.page(page.number)" href="">&raquo;</a>
         </li>
     </ul>
 </div>