From 8e7291e5bfc631459dc246ae1b89ed5bece85eba Mon Sep 17 00:00:00 2001
From: Halfdan Mouritzen <halfdan@robothangarskib.dk>
Date: Thu, 18 Jan 2024 10:28:59 +0100
Subject: [PATCH] CSS : Pagination

---
 src/project/static/css/style.css | 42 ++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css
index 9436c33..b10458e 100644
--- a/src/project/static/css/style.css
+++ b/src/project/static/css/style.css
@@ -441,10 +441,48 @@ span.time_remaining {
     display : flex;
     justify-content : center;
     list-style : none;
-    padding : 0;
+    padding : var(--half-space) 0;
     margin : 0;
 }
 
 .pagination > li {
-    margin : 0 var(--half-space);
+  margin : 0 var(--half-space);
+}
+
+.pagination > li:first-child {
+  margin-right : var(--double-space);
+}
+
+.pagination > li:last-child {
+  margin-left : var(--double-space);
+}
+
+.pagination .page-item {
+  border : 1px solid var(--fade);  
+  padding : var(--quarter-space) var(--half-space);
+  border-radius : var(--half-space);
+  background : var(--light-dust);
+  font-size : 0.78em;
+}
+
+.pagination .page-link {
+  padding : var(--half-space);
+  color : var(--twilight);
+}
+
+.pagination .page-item.active {
+  background : var(--twilight);
+}
+
+.pagination .page-item.active .page-link {
+  color : var(--light-dust);  
+  font-weight : bold;
+}
+
+.pagination .page-item.disabled {
+  opacity : 0.6;
+}
+
+.pagination .page-item.disabled .page-link {
+  cursor : default;
 }