From 8b0aef05a87b3e7a2f9511f1d482c5dd0bd37d8e Mon Sep 17 00:00:00 2001
From: Sabrina <89919203+theflucs@users.noreply.github.com>
Date: Sun, 21 Jan 2024 20:25:50 +0100
Subject: [PATCH] Fix broken layout if pr title is too long (#94)

* style: changed total contributions pill padding

* feat: add tooltip to total contributions pill

* style: fix pr title right alignement

* style: fix pr title broken layout if too long

---------

Co-authored-by: sa.cux <sabrina.cuccureddu@green-share.it>
---
 src/components/RepositoryContributionsCard.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/RepositoryContributionsCard.tsx b/src/components/RepositoryContributionsCard.tsx
index b38eb30..9dfe8f7 100644
--- a/src/components/RepositoryContributionsCard.tsx
+++ b/src/components/RepositoryContributionsCard.tsx
@@ -34,12 +34,16 @@ export const RepositoryContributionsCard = ({
               {repository.owner.login}/{repository.name}
             </Link>
           </div>
-          <div className="rounded p-1 outline outline-1">{totalCount}</div>
+          <div className="tooltip tooltip-left" data-tip="Total contributions">
+            <div className="rounded outline outline-1 cursor-default px-2">
+              {totalCount}
+            </div>
+          </div>
         </h2>
-        <div className="max-h-[22rem] hide-scrollbar overflow-auto flex flex-col px-1 gap-1">
+        <div className="max-h-[22rem] hide-scrollbar overflow-auto flex flex-col gap-1">
           {nodes?.map(({ pullRequest: { state, title, id, url } }: any) => (
             <div key={id} className="flex items-center justify-between gap-2">
-              <a href={url} target="_blank" className="flex-shrink-0">
+              <a href={url} target="_blank" className="truncate" title={title}>
                 {title}
               </a>
               <span