From bfa5627b9b0e8a077d07f38fe93837a0384a1ec0 Mon Sep 17 00:00:00 2001
From: steam_bell_92 <anujck45@gmail.com>
Date: Sat, 15 Nov 2025 12:31:02 +0530
Subject: [PATCH 1/3] make badges circular and fix hover behavior

---
 src/components/dashboard/LeaderBoard/leaderboard.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css
index d05cbcc7..437e7cf2 100644
--- a/src/components/dashboard/LeaderBoard/leaderboard.css
+++ b/src/components/dashboard/LeaderBoard/leaderboard.css
@@ -270,7 +270,7 @@
 }
 
 .second-place:hover {
-  transform: translateY(-35px);
+  transform: translateY(-5px);
   border-color: #c0c0c0;
   box-shadow:
     0 0 15px rgba(192, 192, 192, 0.7),
@@ -654,17 +654,22 @@
   transform: translateY(-2px);
 }
 
+.contributor-badges:hover .contributor-badge-icon:not(:hover) {
+  transform: none;
+  box-shadow: none;
+}
+
 .contributor-badge-icon {
   width: 44px;
   height: 44px;
   object-fit: contain;
-  border-radius: 8px;
+  border-radius: 50%;
   transition:
     transform 0.2s ease,
     box-shadow 0.2s ease;
   cursor: pointer;
   background: rgba(255, 255, 255, 0.1);
-  padding: 2px;
+  padding: 0;
 }
 
 .contributor-badge-icon:hover {

From 128da165129ce7b24a066a2c8432e4c397222035 Mon Sep 17 00:00:00 2001
From: steam_bell_92 <anujck45@gmail.com>
Date: Sat, 15 Nov 2025 15:04:47 +0530
Subject: [PATCH 2/3] Reduced margins and paddings on badges

---
 src/components/dashboard/LeaderBoard/leaderboard.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css
index 437e7cf2..56043f06 100644
--- a/src/components/dashboard/LeaderBoard/leaderboard.css
+++ b/src/components/dashboard/LeaderBoard/leaderboard.css
@@ -644,7 +644,7 @@
 .contributor-badges {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
   flex-wrap: wrap;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -691,12 +691,12 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  padding: 8px;
+  padding: 4px;
 }
 
 /* Badge display in top performer cards */
 .top-performer-card .contributor-badges {
-  margin-top: 8px;
+  margin-top: 4px;
   justify-content: center;
 }
 
@@ -771,8 +771,8 @@
 /* Badges */
 .badges-container {
   display: flex;
-  gap: 8px;
-  margin-top: 8px;
+  gap: 4px;
+  margin-top: 4px;
 }
 
 .badge {
@@ -1288,7 +1288,7 @@
 
 .skeleton-badges {
   display: flex;
-  gap: 8px;
+  gap: 4px;
 }
 
 .skeleton-badge {

From 237cdd38599d0c03131570699b2a067160d88aab Mon Sep 17 00:00:00 2001
From: steam_bell_92 <anujck45@gmail.com>
Date: Sat, 15 Nov 2025 16:54:20 +0530
Subject: [PATCH 3/3] Udpted paddings and margins to 0

---
 src/components/dashboard/LeaderBoard/leaderboard.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/dashboard/LeaderBoard/leaderboard.css b/src/components/dashboard/LeaderBoard/leaderboard.css
index 56043f06..4bc34e0d 100644
--- a/src/components/dashboard/LeaderBoard/leaderboard.css
+++ b/src/components/dashboard/LeaderBoard/leaderboard.css
@@ -670,6 +670,7 @@
   cursor: pointer;
   background: rgba(255, 255, 255, 0.1);
   padding: 0;
+  margin: 0;
 }
 
 .contributor-badge-icon:hover {
@@ -696,7 +697,7 @@
 
 /* Badge display in top performer cards */
 .top-performer-card .contributor-badges {
-  margin-top: 4px;
+  margin-top: 0;
   justify-content: center;
 }
 
@@ -714,7 +715,7 @@
 }
 
 .podium-card .contributor-badges {
-  margin-top: 4px;
+  margin-top: 0;
   justify-content: center;
 }
 
@@ -772,12 +773,13 @@
 .badges-container {
   display: flex;
   gap: 4px;
-  margin-top: 4px;
+  margin-top: 0;
 }
 
 .badge {
   display: inline-block;
-  padding: 4px 10px;
+  padding: 0;
+  margin: 0;
   border-radius: 9999px;
   font-size: 12px;
   font-weight: bold;