From a7c4c9a82e790ac2c8a90a7c1cb6a050dd21dd6a Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 11 May 2020 00:27:31 +0300
Subject: [PATCH] Paginator and Table styling fixes

---
 public/themes/luna-amber/theme.css      | 30 +++++++++++++++++--------
 public/themes/luna-green/theme.css      | 30 +++++++++++++++++--------
 public/themes/luna-pink/theme.css       | 30 +++++++++++++++++--------
 public/themes/nova-colored/theme.css    | 30 +++++++++++++++++--------
 public/themes/nova-dark/theme.css       | 30 +++++++++++++++++--------
 public/themes/nova-light/theme.css      | 30 +++++++++++++++++--------
 public/themes/nova-vue/theme.css        | 30 +++++++++++++++++--------
 public/themes/rhea/theme.css            | 30 +++++++++++++++++--------
 public/themes/saga-blue/theme.css       | 18 ++++++++++++---
 public/themes/saga-cyan/theme.css       | 18 ++++++++++++---
 public/themes/saga-deeppurple/theme.css | 18 ++++++++++++---
 public/themes/saga-green/theme.css      | 18 ++++++++++++---
 public/themes/saga-indigo/theme.css     | 18 ++++++++++++---
 public/themes/saga-orange/theme.css     | 18 ++++++++++++---
 public/themes/saga-purple/theme.css     | 18 ++++++++++++---
 public/themes/saga-teal/theme.css       | 18 ++++++++++++---
 public/themes/vela-blue/theme.css       | 18 ++++++++++++---
 public/themes/vela-cyan/theme.css       | 18 ++++++++++++---
 public/themes/vela-deeppurple/theme.css | 18 ++++++++++++---
 public/themes/vela-green/theme.css      | 18 ++++++++++++---
 public/themes/vela-indigo/theme.css     | 18 ++++++++++++---
 public/themes/vela-orange/theme.css     | 18 ++++++++++++---
 public/themes/vela-purple/theme.css     | 18 ++++++++++++---
 public/themes/vela-teal/theme.css       | 18 ++++++++++++---
 24 files changed, 408 insertions(+), 120 deletions(-)

diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index b43c689dc..717a639f3 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -1274,15 +1274,19 @@
   background: #FFB300;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 6b889238a..f5ad59d00 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -1274,15 +1274,19 @@
   background: #1ea04c;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 912d92ce8..f0c579122 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -1274,15 +1274,19 @@
   background: #cc285c;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index ec21eebd5..775aa1f39 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -1274,15 +1274,19 @@
   background: #007ad9;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 9d74f323c..b90ea9249 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -1274,15 +1274,19 @@
   background: #007ad9;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index 96664a2c7..a1cb12ad7 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -1274,15 +1274,19 @@
   background: #007ad9;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index d60e60198..f9de47691 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1274,15 +1274,19 @@
   background: #41b883;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 75f97d92d..414fe9331 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1274,15 +1274,19 @@
   background: #7B95A3;
 }
 
-.p-datatable .p-paginator {
-  border-width: 1px;
+.p-datatable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
@@ -1440,15 +1444,19 @@
   padding: 0.71375rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
-  border-width: 1px;
+.p-dataview .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
@@ -1869,15 +1877,19 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
-  border-width: 1px;
+.p-treetable .p-paginator-top {
+  border-width: 1px 1px 0 1px;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  border-width: 1px;
+  border-width: 1px 1px 0 1px;
   padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 833297bad..e945ae4e5 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1274,7 +1274,11 @@
   background: #2196F3;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 35e92197e..0f34d0c66 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -1274,7 +1274,11 @@
   background: #00ACC1;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index db3be5255..0e6a03f98 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -1274,7 +1274,11 @@
   background: #673AB7;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 88b1069d3..90416c8dd 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1274,7 +1274,11 @@
   background: #4CAF50;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index b258e8a2b..8bc7ba414 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -1274,7 +1274,11 @@
   background: #3F51B5;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 088f5fe4e..0ce747ab0 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1274,7 +1274,11 @@
   background: #FFC107;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 201989287..f4ce5d5a0 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1274,7 +1274,11 @@
   background: #9C27B0;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 13d4c9496..0f4333373 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -1274,7 +1274,11 @@
   background: #009688;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 4bc9f0bb2..7cc27dcf0 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1274,7 +1274,11 @@
   background: #64B5F6;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index 9434a4dba..627852965 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -1274,7 +1274,11 @@
   background: #4DD0E1;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 8641ed81a..79c6b23d1 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -1274,7 +1274,11 @@
   background: #9575CD;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index eed71caf7..5b68cce88 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1274,7 +1274,11 @@
   background: #81C784;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index e5ec5881f..152766903 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -1274,7 +1274,11 @@
   background: #7986CB;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index ff1cabfca..ac3ae0b4e 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1274,7 +1274,11 @@
   background: #FFD54F;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 326dfdeff..78cbc320c 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1274,7 +1274,11 @@
   background: #BA68C8;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 22aa8b49e..4382021a3 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -1274,7 +1274,11 @@
   background: #4DB6AC;
 }
 
-.p-datatable .p-paginator {
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1440,7 +1444,11 @@
   padding: 1.25rem 1.25rem;
 }
 
-.p-dataview .p-paginator {
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
@@ -1869,7 +1877,11 @@
   font-size: 2rem;
 }
 
-.p-treetable .p-paginator {
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }