From ba56ca0f6fc61a6f7641270f76c809acc96ac8d6 Mon Sep 17 00:00:00 2001
From: Srija <talamarlasrija@gmail.com>
Date: Sun, 12 Oct 2025 20:38:16 +0530
Subject: [PATCH 1/2] Fix pagination buttons styling in leaderboard on small
 screens

---
 .../dashboard/LeaderBoard/leaderboard.css     | 65 ++++++++++++++++++-
 1 file changed, 62 insertions(+), 3 deletions(-)

diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css
index 00d88ff9..f7890027 100644
--- a/src/components/dashboard/LeaderBoard/leaderboard.css
+++ b/src/components/dashboard/LeaderBoard/leaderboard.css
@@ -750,15 +750,18 @@
 }
 
 /* Pagination ellipsis */
-.pagination-ellipsis {
+.contributors-container .pagination-ellipsis {
   display: flex;
   justify-content: center;
-  align-items: center;
   width: 40px;
   height: 40px;
   font-weight: bold;
   font-size: 18px;
+  -webkit-user-select: none;
   user-select: none;
+  letter-spacing: 2px;
+  background: none;
+  border: none;
 }
 
 .light .pagination-ellipsis {
@@ -883,7 +886,7 @@
   }
 
   /* Pagination mobile styles */
-  .pagination {
+  /* .pagination {
     flex-wrap: wrap;
     gap: 6px;
     padding: 16px 0;
@@ -906,6 +909,62 @@
     width: 32px;
     height: 32px;
     font-size: 14px;
+  } */
+}
+
+/* Pagination responsive styles */
+@media (max-width: 768px) {
+  .contributors-container .pagination {
+    flex-direction: row;
+    gap: 0;
+  }
+
+  .contributors-container .page-numbers {
+    flex-wrap: nowrap;
+    gap: 0;
+    padding: 0;
+  }
+
+  .contributors-container .page-numbers .page-btn,
+  .contributors-container .pagination .pagination-btn,
+  .contributors-container .pagination-ellipsis {
+    min-width: 32px;
+    width: 32px;
+    height: 32px;
+    padding: 8px;
+    font-size: 14px;
+  }
+
+  .contributors-container .pagination span {
+    min-width: 32px;
+    background: none;
+    border: none;
+  }
+}
+
+@media (max-width: 475px) {
+
+  .contributors-container .page-numbers .page-btn,
+  .contributors-container .pagination .pagination-btn,
+  .contributors-container .pagination-ellipsis {
+    min-width: 24px;
+    width: 24px;
+    height: 24px;
+    margin: 0 4px;
+    font-size: 12px;
+  }
+
+  .contributors-container .pagination span {
+    min-width: 24px;
+  }
+}
+
+@media (max-width: 320px) {
+
+  .contributors-container .page-numbers .page-btn,
+  .contributors-container .pagination .pagination-btn,
+  .contributors-container .pagination-ellipsis {
+    margin: 0 2px;
   }
 }
 

From 5e04ea9f880aa6f79a7988472c9770e0f71f1dbe Mon Sep 17 00:00:00 2001
From: Srija <talamarlasrija@gmail.com>
Date: Sun, 12 Oct 2025 20:40:22 +0530
Subject: [PATCH 2/2] clear comments

---
 .../dashboard/LeaderBoard/leaderboard.css     | 26 -------------------
 1 file changed, 26 deletions(-)

diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css
index f7890027..6fdb851c 100644
--- a/src/components/dashboard/LeaderBoard/leaderboard.css
+++ b/src/components/dashboard/LeaderBoard/leaderboard.css
@@ -884,32 +884,6 @@
   .points-cell {
     justify-self: center;
   }
-
-  /* Pagination mobile styles */
-  /* .pagination {
-    flex-wrap: wrap;
-    gap: 6px;
-    padding: 16px 0;
-  }
-
-  .page-numbers {
-    order: 2;
-    width: 100%;
-    justify-content: center;
-    margin-top: 8px;
-  }
-
-  .pagination-btn {
-    width: 36px;
-    height: 36px;
-  }
-
-  .page-btn,
-  .pagination-ellipsis {
-    width: 32px;
-    height: 32px;
-    font-size: 14px;
-  } */
 }
 
 /* Pagination responsive styles */