From d83082b8948b16e71809c51fd6887b6f9fa12522 Mon Sep 17 00:00:00 2001
From: Furkan Kalaycioglu <furkann12@hotmail.com>
Date: Wed, 17 Apr 2024 15:07:42 +0300
Subject: [PATCH] Fixed long package names disrupting the layout by setting a
 max width on the version and truncating both names and versions.

---
 frontend/components/ListPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/ListPanel.tsx b/frontend/components/ListPanel.tsx
index ab4fb62c..53b5a968 100644
--- a/frontend/components/ListPanel.tsx
+++ b/frontend/components/ListPanel.tsx
@@ -37,11 +37,11 @@ export function ListPanel(
                 }`}
                 href={entry.href}
               >
-                <span class="block group-hover:text-jsr-cyan-800 pr-4 mr-auto group-hover:underline whitespace-nowrap">
+                <span class="block group-hover:text-jsr-cyan-800 pr-4 flex-1 group-hover:underline truncate">
                   {entry.value}
                 </span>
                 {entry.label && (
-                  <div class="chip bg-jsr-cyan-200 truncate">
+                  <div class="chip bg-jsr-cyan-200 max-w-20 truncate">
                     {entry.label}
                   </div>
                 )}