fix: improve responsiveness on package page (#83)

Author: parion

app/components/PackageDownloadStats.vue

@@ -79,7 +79,7 @@ const config = computed(() => ({
       </div>
       <div class="w-full overflow-hidden">
         <ClientOnly>
-          <VueUiSparkline class="max-w-full" :dataset :config />
+          <VueUiSparkline class="w-full max-w-xs" :dataset :config />
           <template #fallback>
             <!-- Skeleton matching sparkline layout: title row + chart with data label -->
             <div class="min-h-[100px]">
@@ -122,8 +122,4 @@ const config = computed(() => ({
     Geist Mono,
     monospace !important;
 }
-.vue-ui-sparkline,
-.vue-ui-sparkline svg {
-  max-width: 100% !important;
-}
 </style>

app/pages/[...package].vue

@@ -585,7 +585,7 @@ defineOgImageComponent('Package', {
 
       <!-- Install command with package manager selector -->
       <section aria-labelledby="install-heading" class="mb-8">
-        <div class="flex items-center justify-between mb-3">
+        <div class="flex flex-wrap items-center justify-between mb-3">
           <h2 id="install-heading" class="text-xs text-fg-subtle uppercase tracking-wider">
             Install
           </h2>