From db23dd732b57e16fc932980701673e20205d2508 Mon Sep 17 00:00:00 2001
From: Wanfung Chu <wanfungzyu@gmail.com>
Date: Tue, 30 Jun 2026 11:17:18 +0800
Subject: [PATCH 1/2] style: video card

---
 components/search/VideoCard.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/search/VideoCard.tsx b/components/search/VideoCard.tsx
index d658b5a..d8b02ce 100644
--- a/components/search/VideoCard.tsx
+++ b/components/search/VideoCard.tsx
@@ -97,20 +97,12 @@ export const VideoCard = memo<VideoCardProps>(({
                         <div className="absolute top-2 left-2 right-2 z-10 flex items-center justify-between gap-1">
                             <div className="flex items-center gap-1 min-w-0">
                                 {video.sourceName && (
-                                    <Badge variant="primary" className="bg-[var(--accent-color)] flex-shrink-0 max-w-[50%] truncate">
+                                    <Badge variant="primary" className="bg-[var(--accent-color)] flex-shrink-0  truncate">
                                         {video.sourceName}
                                     </Badge>
                                 )}
-                                {video.type_name && (
-                                    <Badge variant="secondary" className="flex-shrink-0 max-w-[40%] truncate text-[10px]">
-                                        {video.type_name}
-                                    </Badge>
-                                )}
                             </div>
 
-                            {displayLatency !== undefined && (
-                                <LatencyBadge latency={displayLatency} className="flex-shrink-0" />
-                            )}
                         </div>
 
                         {/* Favorite Button - Top Right */}
@@ -179,6 +171,9 @@ export const VideoCard = memo<VideoCardProps>(({
                                                 ...
                                             </span>
                                         ) : null}
+                                        {displayLatency !== undefined && (
+                                            <LatencyBadge latency={displayLatency} className="flex-shrink-0" />
+                                        )}
                                     </div>
                                     {video.vod_lang && (
                                         <p className="text-xs text-[var(--text-color-secondary)] mt-1">

From 5d17c72b3f31d623c6480fcce7d0a2b5fafda9b6 Mon Sep 17 00:00:00 2001
From: Wanfung Chu <wanfungzyu@gmail.com>
Date: Tue, 30 Jun 2026 11:35:44 +0800
Subject: [PATCH 2/2] style: set video card badge width 100%

---
 components/search/VideoCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/search/VideoCard.tsx b/components/search/VideoCard.tsx
index d8b02ce..22b64ad 100644
--- a/components/search/VideoCard.tsx
+++ b/components/search/VideoCard.tsx
@@ -97,7 +97,7 @@ export const VideoCard = memo<VideoCardProps>(({
                         <div className="absolute top-2 left-2 right-2 z-10 flex items-center justify-between gap-1">
                             <div className="flex items-center gap-1 min-w-0">
                                 {video.sourceName && (
-                                    <Badge variant="primary" className="bg-[var(--accent-color)] flex-shrink-0  truncate">
+                                    <Badge variant="primary" className="bg-[var(--accent-color)] flex-shrink-0 max-w-[100%] truncate">
                                         {video.sourceName}
                                     </Badge>
                                 )}