From 698e3b356aea65ac8d9faad4d73af086c833da33 Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Sat, 21 Feb 2026 15:53:10 +0600
Subject: [PATCH 1/3] fix: improve versions modal input alignment

---
 app/components/Input/Base.vue                  | 2 +-
 app/components/Package/VersionDistribution.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Input/Base.vue b/app/components/Input/Base.vue
index cd826664d..5fef1dadb 100644
--- a/app/components/Input/Base.vue
+++ b/app/components/Input/Base.vue
@@ -35,7 +35,7 @@ defineExpose({
     v-bind="props.noCorrect ? noCorrect : undefined"
     @focus="emit('focus', $event)"
     @blur="emit('blur', $event)"
-    class="appearance-none bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-50 cursor-not-allowed)"
+    class="appearance-none bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-80 cursor-not-allowed)"
     :class="{
       'text-xs leading-[1.2] px-2 py-2 rounded-md': size === 'small',
       'text-sm leading-none px-3 py-2.5 rounded-lg': size === 'medium',
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 7513f6e4b..0fe66a2d0 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -326,13 +326,13 @@ const endDate = computed(() => {
     :aria-busy="pending ? 'true' : 'false'"
   >
     <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 sm:flex-row gap-3 sm:gap-2 sm:items-start">
         <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>
           <div
-            class="flex items-center bg-bg-subtle border border-border rounded-md"
+            class="flex items-center bg-bg-subtle border border-border rounded-lg"
             role="group"
             :aria-label="$t('package.versions.distribution_title')"
             tabindex="0"
@@ -341,7 +341,7 @@ const endDate = computed(() => {
             <button
               type="button"
               :class="[
-                'px-4 py-1.75 font-mono text-sm transition-colors rounded-s-md',
+                'px-4 py-2.3 font-mono text-sm transition-colors rounded-s-lg',
                 groupingMode === 'major'
                   ? 'bg-accent text-bg font-medium'
                   : 'text-fg-subtle hover:text-fg hover:bg-bg-subtle/50',
@@ -356,7 +356,7 @@ const endDate = computed(() => {
             <button
               type="button"
               :class="[
-                'px-4 py-1.75 font-mono text-sm transition-colors rounded-e-md border-is border-border',
+                'px-4 py-2.3 font-mono text-sm transition-colors rounded-e-lg border-is border-border',
                 groupingMode === 'minor'
                   ? 'bg-accent text-bg font-medium'
                   : 'text-fg-subtle hover:text-fg hover:bg-bg-subtle/50',

From e5753f834a5e306530404d7814fefbc6d4042ca5 Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Sun, 22 Feb 2026 20:12:14 +0600
Subject: [PATCH 2/3] chore: update

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

diff --git a/app/components/Input/Base.vue b/app/components/Input/Base.vue
index 5fef1dadb..cd826664d 100644
--- a/app/components/Input/Base.vue
+++ b/app/components/Input/Base.vue
@@ -35,7 +35,7 @@ defineExpose({
     v-bind="props.noCorrect ? noCorrect : undefined"
     @focus="emit('focus', $event)"
     @blur="emit('blur', $event)"
-    class="appearance-none bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-80 cursor-not-allowed)"
+    class="appearance-none bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-50 cursor-not-allowed)"
     :class="{
       'text-xs leading-[1.2] px-2 py-2 rounded-md': size === 'small',
       'text-sm leading-none px-3 py-2.5 rounded-lg': size === 'medium',

From 1ab6733efa05df0102b6d36d8ccd525347bad670 Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Mon, 23 Feb 2026 08:30:50 +0600
Subject: [PATCH 3/3] chore: update

---
 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 0fe66a2d0..e9f52a2f0 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -341,7 +341,7 @@ const endDate = computed(() => {
             <button
               type="button"
               :class="[
-                'px-4 py-2.3 font-mono text-sm transition-colors rounded-s-lg',
+                'px-4 py-4 font-mono text-sm leading-none transition-colors rounded-s-lg',
                 groupingMode === 'major'
                   ? 'bg-accent text-bg font-medium'
                   : 'text-fg-subtle hover:text-fg hover:bg-bg-subtle/50',
@@ -356,7 +356,7 @@ const endDate = computed(() => {
             <button
               type="button"
               :class="[
-                'px-4 py-2.3 font-mono text-sm transition-colors rounded-e-lg border-is border-border',
+                'px-4 py-4 font-mono text-sm leading-none transition-colors rounded-e-lg border-is border-border',
                 groupingMode === 'minor'
                   ? 'bg-accent text-bg font-medium'
                   : 'text-fg-subtle hover:text-fg hover:bg-bg-subtle/50',