From 7d8915fc7adfb827826920df222b158e4bf4161d Mon Sep 17 00:00:00 2001
From: yun-zhi-ztl <15071461069@163.com>
Date: Thu, 19 Mar 2026 11:13:36 +0800
Subject: [PATCH] fix(web): prevent version badges from overlapping action
 buttons in version list

---
 web/src/pages/skill-detail.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/skill-detail.tsx b/web/src/pages/skill-detail.tsx
index 2f0d9d6c..5866d4eb 100644
--- a/web/src/pages/skill-detail.tsx
+++ b/web/src/pages/skill-detail.tsx
@@ -676,8 +676,8 @@ export function SkillDetailPage() {
                 <div className="space-y-0 divide-y divide-border/40">
                   {versions.map((version) => (
                     <div key={version.id} className="py-5 first:pt-0 last:pb-0">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="font-semibold font-heading text-foreground flex items-center gap-2">
+                      <div className="flex items-start justify-between gap-4 mb-2">
+                        <span className="font-semibold font-heading text-foreground flex items-center gap-2 flex-wrap min-w-0">
                           <span className="px-2.5 py-0.5 rounded-full bg-primary/10 text-primary text-sm font-mono">
                             v{version.version}
                           </span>
@@ -694,7 +694,7 @@ export function SkillDetailPage() {
                             </span>
                           )}
                         </span>
-                        <div className="flex items-center gap-3">
+                        <div className="flex items-center gap-3 flex-shrink-0">
                           <span className="text-sm text-muted-foreground">
                             {formatLocalDateTime(version.publishedAt, i18n.language)}
                           </span>