From cca7673020309165e89c1065e60895aeed10a172 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Mon, 8 Dec 2025 19:49:29 -0500
Subject: [PATCH] Refactor pagination styles for consistency and improved user
 experience

---
 .../Servers/Proxmox/views/statistics.blade.php     |  2 +-
 .../lucentui/views/components/pagination.blade.php | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/statistics.blade.php b/extensions/Servers/Proxmox/views/statistics.blade.php
index 3496165a2..99b78fb79 100644
--- a/extensions/Servers/Proxmox/views/statistics.blade.php
+++ b/extensions/Servers/Proxmox/views/statistics.blade.php
@@ -916,7 +916,7 @@
                     
                     <!-- Pagination Links -->
                     @if($this->statistics->hasPages())
-                        <div class="flex items-center gap-1 [&_nav]:flex [&_nav]:items-center [&_nav]:gap-1 [&_a]:px-3 [&_a]:py-1.5 [&_a]:text-sm [&_a]:border [&_a]:border-neutral [&_a]:rounded-md [&_a]:text-base [&_a]:hover:bg-background/80 [&_span.cursor-default]:px-3 [&_span.cursor-default]:py-1.5 [&_span.cursor-default]:text-sm [&_span.cursor-default]:border [&_span.cursor-default]:border-primary [&_span.cursor-default]:bg-primary [&_span.cursor-default]:text-white [&_span.cursor-default]:rounded-md [&_button]:px-3 [&_button]:py-1.5 [&_button]:text-sm [&_button]:border [&_button]:border-neutral [&_button]:rounded-md [&_button]:text-base [&_button]:hover:bg-background/80 [&_button:disabled]:opacity-50 [&_button:disabled]:cursor-not-allowed">
+                        <div class="flex items-center gap-1">
                             {{ $this->statistics->links() }}
                         </div>
                     @endif
diff --git a/themes/lucentui/views/components/pagination.blade.php b/themes/lucentui/views/components/pagination.blade.php
index 177989e92..3fac6933e 100644
--- a/themes/lucentui/views/components/pagination.blade.php
+++ b/themes/lucentui/views/components/pagination.blade.php
@@ -3,9 +3,9 @@
         <nav role="navigation" aria-label="Pagination Navigation" class="flex gap-2 items-center">
             <span>
                 @if ($paginator->onFirstPage())
-                    <span class="bg-background-secondary text-white px-4 py-2 rounded-lg cursor-not-allowed">Previous</span>
+                    <span class="bg-background-secondary text-base/50 px-4 py-2 rounded-lg cursor-not-allowed border border-neutral">Previous</span>
                 @else
-                    <button wire:click="previousPage" wire:loading.attr="disabled" rel="prev" class="bg-background-secondary text-white px-4 py-2 rounded-lg">Previous</button>
+                    <button wire:click="previousPage" wire:loading.attr="disabled" rel="prev" class="bg-background-secondary text-base px-4 py-2 rounded-lg border border-neutral hover:bg-background/80">Previous</button>
                 @endif
             </span>
 
@@ -19,16 +19,16 @@
                                 abs($paginator->currentPage() - $page) <= 1)
                             <span>
                                 <button wire:click="gotoPage({{ $page }})" wire:loading.attr="disabled"
-                                    class="{{ $page === $paginator->currentPage() ? 'bg-background-secondary/30 text-white' : 'bg-background-secondary text-white' }} px-4 py-2 rounded-lg cursor-pointer">{{ $page }}</button>
+                                    class="{{ $page === $paginator->currentPage() ? 'bg-primary text-white border-primary' : 'bg-background-secondary text-base border-neutral hover:bg-background/80' }} px-4 py-2 rounded-lg cursor-pointer border">{{ $page }}</button>
                             </span>
                         @elseif($page == 3 || $page == $paginator->lastPage() - 3)
-                            <span class="bg-background-secondary text-white px-4 py-2 rounded-lg">
+                            <span class="bg-background-secondary text-base/50 px-4 py-2 rounded-lg border border-neutral">
                                 <span>...</span>
                             </span>
                         @endif
                     @endforeach
                 @else
-                    <span class="bg-background-secondary text-white px-4 py-2 rounded-lg">
+                    <span class="bg-background-secondary text-base/50 px-4 py-2 rounded-lg border border-neutral">
                         <span>...</span>
                     </span>
                 @endif
@@ -37,10 +37,10 @@
 
             <span>
                 @if ($paginator->onLastPage())
-                    <span class="bg-background-secondary text-white px-4 py-2 rounded-lg cursor-not-allowed">Next</span>
+                    <span class="bg-background-secondary text-base/50 px-4 py-2 rounded-lg cursor-not-allowed border border-neutral">Next</span>
                 @else
                     <button wire:click="nextPage" wire:loading.attr="disabled" rel="next"
-                        class="bg-background-secondary text-white px-4 py-2 rounded-lg">Next</button>
+                        class="bg-background-secondary text-base px-4 py-2 rounded-lg border border-neutral hover:bg-background/80">Next</button>
                 @endif
             </span>
         </nav>