-@import '~primeng/resources/primeng.css';
+/* stylelint-disable */
+@use 'primeng/resources/primeng';
+
+// Override primeng style we don't want
+input[type=button] {
+ border-radius: inherit;
+}
+
+p-table .p-datatable-header .caption {
+ margin-bottom: 15px;
+}
text-align: left !important;
padding: 5px 0 5px 15px !important;
font-weight: $font-semibold !important;
color: pvar(--mainForegroundColor) !important;
&.p-sortable-column:hover {
text-align: left !important;
padding: 5px 0 5px 15px !important;
font-weight: $font-semibold !important;
color: pvar(--mainForegroundColor) !important;
&.p-sortable-column:hover {
- a, .p-paginator-pages {
- vertical-align: middle;
- }
+ @media screen and (max-width: $mobile-view) {
+ // Prevent overflow
+ p-paginator {
+ .p-paginator-pages > .p-paginator-page:not(.p-highlight) {
+ display: none;