From 9715697f0b709cb311e54694b9757e929dc133c5 Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Mon, 5 Aug 2024 11:29:21 -0700
Subject: [PATCH 1/5] move tooltip z to top, add oscr tooltip to user page

---
 .../ContributorProfileTab/contributor-profile-tab.tsx       | 6 +++++-
 components/shared/InfoTooltip.tsx                           | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
index 3a3a0c3859..b8ebe0605c 100644
--- a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
+++ b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
@@ -38,6 +38,7 @@ import IssueCommentsTable from "components/Profiles/IssueCommentsTable/issue-com
 import { contributionsOptions, useContributionsFilter } from "components/Profiles/contributors-sub-tab-list";
 import { SubTabsList } from "components/TabList/tab-list";
 import { OscrButton } from "components/Contributors/Oscr";
+import InfoTooltip from "components/shared/InfoTooltip";
 import UserRepositoryRecommendations from "../UserRepositoryRecommendations/user-repository-recommendations";
 
 interface ContributorProfileTabProps {
@@ -370,7 +371,10 @@ const ContributorProfileTab = ({
             </div>
             <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16">
               <div>
-                <span className="text-xs text-light-slate-11">OSCR Rating</span>
+                <span className="flex gap-2 text-xs text-light-slate-11">
+                  OSCR Rating
+                  <InfoTooltip information="OSCR evaluates the engagement and impact of contributors across the entire open source ecosystem." />
+                </span>
                 <div className="flex mt-1 text-lg md:text-xl lg:text-2xl !text-black leading-none">
                   <OscrButton rating={contributor?.oscr} hideRating={!Boolean(user)} />
                 </div>
diff --git a/components/shared/InfoTooltip.tsx b/components/shared/InfoTooltip.tsx
index f4513d128c..5110afbe38 100644
--- a/components/shared/InfoTooltip.tsx
+++ b/components/shared/InfoTooltip.tsx
@@ -15,7 +15,7 @@ export default function InfoTooltip({ information, icon }: { information: string
       <TooltipPortal>
         <TooltipContent
           side="bottom"
-          className="w-fit max-w-xs text-sm shadow-lg text-slate-100 px-4 py-3 rounded-xl bg-[#171E29]"
+          className="z-50 w-fit max-w-xs text-sm shadow-lg text-slate-100 px-4 py-3 rounded-xl bg-[#171E29]"
         >
           <TooltipArrow className="fill-[#171E29]" />
           {information}

From be5de820f05fb81c0b257630a47845b0749c10a6 Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Mon, 5 Aug 2024 11:45:19 -0700
Subject: [PATCH 2/5] make tooltip icon bigger

---
 .../ContributorProfileTab/contributor-profile-tab.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
index b8ebe0605c..c2f881e040 100644
--- a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
+++ b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
@@ -371,8 +371,8 @@ const ContributorProfileTab = ({
             </div>
             <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16">
               <div>
-                <span className="flex gap-2 text-xs text-light-slate-11">
-                  OSCR Rating
+                <span className="flex gap-2 text-sm">
+                  <p className="text-xs text-light-slate-11">OSCR Rating</p>
                   <InfoTooltip information="OSCR evaluates the engagement and impact of contributors across the entire open source ecosystem." />
                 </span>
                 <div className="flex mt-1 text-lg md:text-xl lg:text-2xl !text-black leading-none">

From 8be2c8fcb2e1431ec0d22b1fd630a2a2f200f1c1 Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Tue, 6 Aug 2024 10:43:15 -0700
Subject: [PATCH 3/5] center items

---
 .../organisms/ContributorProfileTab/contributor-profile-tab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
index c2f881e040..4c905c3006 100644
--- a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
+++ b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
@@ -369,7 +369,7 @@ const ContributorProfileTab = ({
             <div className="flex justify-end">
               <DayRangePicker />
             </div>
-            <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16">
+            <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16 items-center">
               <div>
                 <span className="flex gap-2 text-sm">
                   <p className="text-xs text-light-slate-11">OSCR Rating</p>

From 0c09ed477f22f748664afd0d4506d30ad1252aa2 Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Thu, 8 Aug 2024 14:20:27 -0700
Subject: [PATCH 4/5] styling fixes

---
 .../contributor-profile-tab.tsx                      | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
index 4c905c3006..2d47e17988 100644
--- a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
+++ b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
@@ -371,16 +371,18 @@ const ContributorProfileTab = ({
             </div>
             <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16 items-center">
               <div>
-                <span className="flex gap-2 text-sm">
-                  <p className="text-xs text-light-slate-11">OSCR Rating</p>
-                  <InfoTooltip information="OSCR evaluates the engagement and impact of contributors across the entire open source ecosystem." />
+                <span className="relative text-xs text-light-slate-11 flex gap-0.5 items-center">
+                  <span>OSCR Rating</span>
+                  <span className="text-sm grid place-content-center">
+                    <InfoTooltip information="OSCR evaluates the engagement and impact of contributors across the entire open source ecosystem." />
+                  </span>
                 </span>
                 <div className="flex mt-1 text-lg md:text-xl lg:text-2xl !text-black leading-none">
-                  <OscrButton rating={contributor?.oscr} hideRating={!Boolean(user)} />
+                  <OscrButton rating={contributor?.oscr} hideRating={!Boolean(user)} calculated />
                 </div>
               </div>
               <div>
-                <span className="text-xs text-light-slate-11">PRs opened</span>
+                <span className="text-xs text-light-slate-11 flex items-center">PRs opened</span>
                 {totalPrs ? (
                   <div className="flex mt-1 !text-lg md:!text-xl lg:!text-2xl !text-black !leading-none">
                     {totalPrs} PRs

From eafccecfab4b58b1b49ae2b6ca74464d6904ed51 Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Thu, 8 Aug 2024 14:33:02 -0700
Subject: [PATCH 5/5] more styling fixes

---
 .../ContributorProfileTab/contributor-profile-tab.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
index a93819eda5..ba77cb771f 100644
--- a/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
+++ b/components/organisms/ContributorProfileTab/contributor-profile-tab.tsx
@@ -370,7 +370,7 @@ const ContributorProfileTab = ({
             <div className="flex justify-end">
               <DayRangePicker />
             </div>
-            <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between gap-2 lg:flex-row md:gap-12 lg:gap-16 items-center">
+            <div className="grid grid-cols-2 2xl:grid-cols-4 justify-between my-2 gap-2 lg:flex-row md:gap-12 lg:gap-16 items-center">
               <div>
                 <span className="relative text-xs text-light-slate-11 flex gap-0.5 items-center">
                   <span>OSCR Rating</span>
@@ -398,7 +398,7 @@ const ContributorProfileTab = ({
               </div>
 
               <div>
-                <span className="text-xs text-light-slate-11">Avg PR velocity</span>
+                <span className="text-xs text-light-slate-11 flex items-center">Avg PR velocity</span>
                 {prVelocity ? (
                   <div className="flex mt-1 gap-2 !text-lg md:!text-xl lg:!text-2xl !text-black !leading-none">
                     <span>{prVelocity} PRs</span>
@@ -409,7 +409,7 @@ const ContributorProfileTab = ({
                 )}
               </div>
               <div>
-                <span className="text-xs text-light-slate-11">Contributed Repos</span>
+                <span className="text-xs text-light-slate-11 flex items-center">Contributed Repos</span>
                 {recentContributionCount ? (
                   <div className="flex mt-1 !text-lg md:!text-xl lg:!text-2xl !text-black !leading-none">
                     {`${recentContributionCount} Repo${recentContributionCount > 1 ? "s" : ""}`}