From 6aab2b3164984eb668cbfd5f9491a3de95dadb49 Mon Sep 17 00:00:00 2001
From: Vincent Taverna <vinnymac@gmail.com>
Date: Wed, 11 Feb 2026 11:17:24 -0500
Subject: [PATCH] fix: improve version distribution modal layout on mobile

- Add w-fit to button group container to prevent full-width expansion
- Remove max-w-1/2 constraint from toggle filters for better label visibility
---
 app/components/Package/VersionDistribution.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index f151f8471..4289cab69 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -318,7 +318,7 @@ const endDate = computed(() => {
   >
     <div class="w-full mb-4 flex flex-col gap-3">
       <div class="flex flex-col sm:flex-row gap-3 sm:gap-2 sm:items-end">
-        <div class="flex flex-col gap-1 sm:shrink-0">
+        <div class="flex flex-col gap-1 w-fit sm:shrink-0">
           <label class="text-3xs font-mono text-fg-subtle tracking-wide uppercase">
             {{ $t('package.versions.distribution_title') }}
           </label>
@@ -427,7 +427,7 @@ const endDate = computed(() => {
         </div>
       </div>
 
-      <div class="flex flex-col gap-4 w-full max-w-1/2">
+      <div class="flex flex-col gap-4 w-full">
         <TooltipApp
           :text="$t('package.versions.recent_versions_only_tooltip')"
           position="bottom"