CSS : Pagination

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;
 }