Paginate the list of bills (#480)

We display 100 bills on each page.  We only show previous/next buttons (at
the top of the view) and the list of pages (at the bottom) if there are
more than one pages.

This uses built-in pagination support from Flask-SQLAlchemy:

  https://flask-sqlalchemy.palletsprojects.com/en/2.x/api/#flask_sqlalchemy.BaseQuery.paginate
  https://flask-sqlalchemy.palletsprojects.com/en/2.x/api/#flask_sqlalchemy.Pagination

1 files changed, 9 insertions, 0 deletions

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index 1a7dc1f..9c02b28 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -272,6 +272,15 @@ footer .footer-left {
   margin-top: 30px;
 }
 
+#previous-page {
+  margin-top: 30px;
+}
+
+#next-page {
+  margin-top: 30px;
+  padding-left: 2em;
+}
+
 /* Avoid text color flickering when it loose focus as the modal appears */
 .btn-primary[data-toggle="modal"] {
   color: #fff;