From b865fa33f6be637e2dd920c926bb0e0155ad6baa Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Fri, 19 Apr 2024 17:08:19 +0200
Subject: [PATCH] Fix table pagination colors

---
 .../app/components/assets/assets.component.html  |  2 +-
 frontend/src/styles.scss                         | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/assets/assets.component.html b/frontend/src/app/components/assets/assets.component.html
index c279af2ab..30c6b7255 100644
--- a/frontend/src/app/components/assets/assets.component.html
+++ b/frontend/src/app/components/assets/assets.component.html
@@ -18,7 +18,7 @@
 
   <br>
 
-  <ngb-pagination [collectionSize]="assets.length" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="ellipses"></ngb-pagination>
+  <ngb-pagination class="pagination-container" [collectionSize]="assets.length" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="ellipses"></ngb-pagination>
 
   <div class="clearfix"></div>
   <br>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 927bc3862..02525e2d4 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1180,9 +1180,23 @@ th {
     margin: 0;
     @media (min-width: 400px) {
       width: auto;
-      padding-left: 5px;
     }
   }
+  .page-link {
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+  }
+  .page-link:hover {
+    background-color: var(--active-bg);
+  }
+  .page-item.active .page-link {
+    background-color: var(--tertiary);
+    border: 1px solid var(--tertiary);
+  }
+  .page-item.disabled .page-link {
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+  }
 }
 
 .fee-estimation-wrapper {