From f78bfd293be47394cabc1015779130cbe57e0220 Mon Sep 17 00:00:00 2001 From: data Date: Mon, 16 Mar 2026 11:25:45 +0100 Subject: [PATCH] =?UTF-8?q?fix(tv):=20Episoden-Cards=20vergr=C3=B6=C3=9Fer?= =?UTF-8?q?t,=20Laufzeit-Badge=20vollst=C3=A4ndig=20sichtbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 --- video-konverter/app/static/tv/css/tv.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/video-konverter/app/static/tv/css/tv.css b/video-konverter/app/static/tv/css/tv.css index 57db20a..0b1042f 100644 --- a/video-konverter/app/static/tv/css/tv.css +++ b/video-konverter/app/static/tv/css/tv.css @@ -455,9 +455,10 @@ a { color: var(--accent); text-decoration: none; } right: 6px; background: rgba(0,0,0,0.75); color: #fff; - font-size: 0.7rem; - padding: 2px 6px; + font-size: 0.8rem; + padding: 3px 8px; border-radius: 3px; + white-space: nowrap; } /* Info-Bereich */ @@ -1816,8 +1817,8 @@ textarea.input-editing { /* --- Episode Card-Grid (Phase 5, Plex-Style) --- */ .tv-episode-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); - gap: 0.8rem; + grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); + gap: 1rem; padding: 6px; /* Platz fuer Focus-Ring + Scale-Transform */ } .tv-episode-tile { @@ -2017,7 +2018,7 @@ textarea.input-editing { /* Responsive: Episode-Grid */ @media (min-width: 1200px) { - .tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } + .tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } } @media (max-width: 768px) { .tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.5rem; }