Merge pull request #1861 from hrx01-dev/fixed-visibility-issue-inPagination-Btn

Fixed  visibility issue in pagination button in leaderboard

Author: sanjay-kv

src/css/custom.css

@@ -2933,4 +2933,40 @@ main[class*='docMainContainer_'] {
 .menu--responsive,
 div[class*='sidebarViewport_'] {
   z-index: 9999 !important;
+}
+
+/* Leaderboard Pagination Button Icon Visibility Fix */
+.pagination-btn {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 40px !important;
+  height: 40px !important;
+  border: 1px solid var(--ifm-color-emphasis-300) !important;
+  background: var(--ifm-background-surface-color) !important;
+  border-radius: 8px !important;
+  cursor: pointer !important;
+  transition: all 0.2s ease !important;
+  color: var(--ifm-color-primary) !important;
+  padding: 0 !important;
+}
+
+.pagination-btn svg {
+  stroke: currentColor !important;
+  fill: none !important;
+  stroke-width: 2px !important;
+  width: 20px !important;
+  height: 20px !important;
+  display: block !important;
+}
+
+.pagination-btn:hover:not(.disabled) {
+  background: var(--ifm-color-primary) !important;
+  color: white !important;
+  border-color: var(--ifm-color-primary) !important;
+}
+
+.pagination-btn.disabled {
+  opacity: 0.4 !important;
+  cursor: not-allowed !important;
 }