refactors css for pagination

ckanext/odsh/public/tpsh.css

@@ -1314,4 +1314,56 @@ a.trapo-timerange-submit:hover {
     display: none;
   }
 }
+
+.pagination {
+  margin-top: 65px;
+  margin-bottom: 50px;
+}
+
+.pagination-centered {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+.pagination ul {
+  border-radius: 0px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+  margin: 0;
+  list-style: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.pagination ul li a {
+  background-color: #d1d1d1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 35px;
+  width: 35px;
+  border: 10px solid white;
+  color: black;
+}
+
+.pagination ul li:first-child a, .pagination ul li:last-child a, .pagination ul li.disabled a {
+  background-color: transparent;
+}
+
+.pagination ul li.active a {
+  background-color: #003064;
+  color: white;
+}
 /*# sourceMappingURL=tpsh.css.map */
\ No newline at end of file

ckanext/odsh/public/tpsh.scss

@@ -932,7 +932,6 @@ a.trapo-timerange-submit {
     }
 }
 
-
 .trapo-read {
     &-head {
         border-bottom: 2 * $trapo-border-width-thin solid $trapo-foreground-gray;
@@ -1152,5 +1151,53 @@ a.trapo-timerange-submit {
             }
         }
     }
+}
+
+.pagination {
+    margin-top: 65px;
+    margin-bottom: 50px;
+
+    &-centered {
+        display: flex;
+        justify-content: center;
+    }
+
+    ul {
+        border-radius: 0px;
+        box-shadow: none;
+        border: none;
+        margin: 0;
+        list-style: none;
+        display: flex;
 
+        li {
+            
+            a {
+                background-color: $trapo-background-dark-gray;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 35px;
+                width: 35px;
+                border: 10px solid $trapo-background-white;
+                color: black;
+            }
+
+            &:first-child,
+            &:last-child, 
+            &.disabled {
+                a {
+                    background-color: transparent;
+                }
+            }
+
+            &.active {
+                
+                a {
+                    background-color: $trapo-blue;
+                    color: white;
+                }
+            }
+        }
+    }
 }