From 80aa439641af0be4264ff25655820ae1a5e05a61 Mon Sep 17 00:00:00 2001
From: Denys <ddeenis46@gmail.com>
Date: Fri, 30 Jan 2026 20:10:03 +0000
Subject: [PATCH 1/4] style: make versions list scrollable if there are too
 many elements

---
 app/components/PackageVersions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/PackageVersions.vue b/app/components/PackageVersions.vue
index d524fdcba..39810fdc8 100644
--- a/app/components/PackageVersions.vue
+++ b/app/components/PackageVersions.vue
@@ -412,7 +412,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
         <!-- Expanded versions -->
         <div
           v-if="expandedTags.has(row.tag) && getTagVersions(row.tag).length > 1"
-          class="ms-4 ps-2 border-is border-border space-y-0.5"
+          class="ms-4 ps-2 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
         >
           <div v-for="v in getTagVersions(row.tag).slice(1)" :key="v.version" class="py-1">
             <div class="flex items-center justify-between gap-2">

From 78e956c514d190a6affa8dda6dc4749cf02a17b8 Mon Sep 17 00:00:00 2001
From: Denys <ddeenis46@gmail.com>
Date: Fri, 30 Jan 2026 20:23:00 +0000
Subject: [PATCH 2/4] style: add a small padding to offset the scrollbar

---
 app/components/PackageVersions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/PackageVersions.vue b/app/components/PackageVersions.vue
index 39810fdc8..7a1be5341 100644
--- a/app/components/PackageVersions.vue
+++ b/app/components/PackageVersions.vue
@@ -412,7 +412,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
         <!-- Expanded versions -->
         <div
           v-if="expandedTags.has(row.tag) && getTagVersions(row.tag).length > 1"
-          class="ms-4 ps-2 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
+          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
         >
           <div v-for="v in getTagVersions(row.tag).slice(1)" :key="v.version" class="py-1">
             <div class="flex items-center justify-between gap-2">

From 3d08b1d945b4ebbbbb72203bf9ac854a9710b218 Mon Sep 17 00:00:00 2001
From: Denys <ddeenis46@gmail.com>
Date: Fri, 30 Jan 2026 20:26:20 +0000
Subject: [PATCH 3/4] style: make the 'other versions' list scrollable

---
 app/components/PackageVersions.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/PackageVersions.vue b/app/components/PackageVersions.vue
index 7a1be5341..c2901e319 100644
--- a/app/components/PackageVersions.vue
+++ b/app/components/PackageVersions.vue
@@ -515,7 +515,10 @@ function getTagVersions(tag: string): VersionDisplay[] {
         </button>
 
         <!-- Expanded other versions -->
-        <div v-if="otherVersionsExpanded" class="ms-4 ps-2 border-is border-border space-y-0.5">
+        <div
+          v-if="otherVersionsExpanded"
+          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
+        >
           <!-- Hidden tag rows (overflow from visible tags) -->
           <div v-for="row in hiddenTagRows" :key="row.id" class="py-1">
             <div class="flex items-center justify-between gap-2">

From 45afe1b8a80fb01d651535581ab5c88912644a78 Mon Sep 17 00:00:00 2001
From: Denys <ddeenis46@gmail.com>
Date: Fri, 30 Jan 2026 21:39:25 +0000
Subject: [PATCH 4/4] style: don't create a scrollable container on
 mobile/tablets, make the scroll container a little bigger to show that there
 are more items

---
 app/components/PackageVersions.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/PackageVersions.vue b/app/components/PackageVersions.vue
index c2901e319..d13bdcd0e 100644
--- a/app/components/PackageVersions.vue
+++ b/app/components/PackageVersions.vue
@@ -412,7 +412,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
         <!-- Expanded versions -->
         <div
           v-if="expandedTags.has(row.tag) && getTagVersions(row.tag).length > 1"
-          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
+          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 lg:max-h-48 lg:overflow-y-auto"
         >
           <div v-for="v in getTagVersions(row.tag).slice(1)" :key="v.version" class="py-1">
             <div class="flex items-center justify-between gap-2">
@@ -517,7 +517,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
         <!-- Expanded other versions -->
         <div
           v-if="otherVersionsExpanded"
-          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 max-h-44 overflow-y-auto"
+          class="ms-4 ps-2 pe-1 border-is border-border space-y-0.5 lg:max-h-48 lg:overflow-y-auto"
         >
           <!-- Hidden tag rows (overflow from visible tags) -->
           <div v-for="row in hiddenTagRows" :key="row.id" class="py-1">