From b566229972484ae7ec4b0676b556018e10d3c5f1 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 15:58:17 +0000
Subject: [PATCH] Improve video details display with expanded description

Update video card component to show full description when expanded, and clamp to one line when collapsed.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
---
 client/src/components/video-card.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 2f6441d..240b8ea 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -314,19 +314,17 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
             {showMoreInfo ? 'Weniger anzeigen' : 'Mehr anzeigen'}
           </button>
           
-          {/* Expandable info */}
-          {showMoreInfo && (
-            <div className="mt-2 text-white/70 text-sm space-y-1">
-              <p className="line-clamp-3">
-                {video.title.split(' - ')[1] || video.title}
+          {/* Full text when expanded */}
+          <div className="mt-2 text-white/70 text-sm">
+            <p className={showMoreInfo ? "" : "line-clamp-1"}>
+              {video.title.split(' - ')[1] || video.title}
+            </p>
+            {showMoreInfo && video.description && (
+              <p className="mt-1 text-xs text-white/60">
+                {video.description}
               </p>
-              {video.description && (
-                <p className="line-clamp-2 text-xs text-white/60">
-                  {video.description}
-                </p>
-              )}
-            </div>
-          )}
+            )}
+          </div>
         </div>
       )}