adding style to pagination

ref #24

Resources/public/css/scratch.css

@@ -4283,7 +4283,6 @@ textarea {
   padding: 0; }
   .tab-nav > li {
     font-family: "Open Sans";
-    font-weight: bold;
     display: inline-block;
     width: 100%;
     cursor: default;
@@ -4395,6 +4394,28 @@ span.entity.entity-activity.activity-reason {
 .person {
   color: #334d5c; }
 
+.pagination {
+  display: flex;
+  justify-content: center;
+  text-align: center; }
+  .pagination .link {
+    background-color: white;
+    display: inline-block; }
+  .pagination .link:nth-of-type(1n+2) {
+    border-left: 1px solid #b2b2b2; }
+  .pagination .link.current {
+    font-weight: bold;
+    color: white;
+    background-color: #334d5c;
+    padding: 0.4em 0.8em; }
+  .pagination .link a {
+    display: block;
+    padding: 0.4em 0.8em; }
+  .pagination .link a:hover {
+    color: white;
+    font-weight: bold;
+    background-color: #43b29d; }
+
 html, body {
   min-height: 100%;
   font-family: 'Open Sans'; }