From e8a1355abc6bdf635d93672029990343ce9f2ccf Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 12 Jan 2026 12:15:29 +0000
Subject: [PATCH] Improve readability of text next to video thumbnails

Update text sizes and spacing in sidebars for both VideoPage and LivePage components to enhance readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 91fe4fd8-b512-4e10-8d31-f827283fb65a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/vZTKyt9
---
 client/src/pages/LivePage.tsx  | 4 ++--
 client/src/pages/VideoPage.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/LivePage.tsx b/client/src/pages/LivePage.tsx
index fd30e9e..117feb0 100644
--- a/client/src/pages/LivePage.tsx
+++ b/client/src/pages/LivePage.tsx
@@ -517,7 +517,7 @@ export default function LivePage() {
                   </div>
                   
                   <div className="flex-1 min-w-0 py-0.5">
-                    <h3 className="text-sm font-medium text-bunny-light mb-1 leading-tight"
+                    <h3 className="text-base font-medium text-bunny-light mb-1.5 leading-snug"
                         style={{
                           display: '-webkit-box',
                           WebkitLineClamp: 2,
@@ -526,7 +526,7 @@ export default function LivePage() {
                         }}>
                       {video.title}
                     </h3>
-                    <div className="text-xs text-bunny-muted mt-1">
+                    <div className="text-sm text-bunny-muted mt-1.5 space-y-0.5">
                       <div>{video.views ? (video.views >= 1000 ? Math.floor(video.views / 1000) + 'K' : video.views) : '0'} Aufrufe</div>
                       <div>{video.createdAt ? new Date(video.createdAt).toLocaleDateString('de-DE') : 'Unbekannt'}</div>
                     </div>
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index e0e0324..f84b6c4 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -817,7 +817,7 @@ export default function VideoPage() {
                   </div>
                   
                   <div className="flex-1 min-w-0 py-0.5">
-                    <h3 className="text-sm font-medium text-bunny-light mb-1 leading-tight"
+                    <h3 className="text-base font-medium text-bunny-light mb-1.5 leading-snug"
                         style={{
                           display: '-webkit-box',
                           WebkitLineClamp: 2,
@@ -826,7 +826,7 @@ export default function VideoPage() {
                         }}>
                       {video.title}
                     </h3>
-                    <div className="text-xs text-bunny-muted mt-1">
+                    <div className="text-sm text-bunny-muted mt-1.5 space-y-0.5">
                       <div>{formatViews(video.views)} Aufrufe</div>
                       <div>{formatDate(video.createdAt)}</div>
                     </div>