From fe2804cc4d0f4d63c5a70d1191eab5302ecf8b93 Mon Sep 17 00:00:00 2001
From: sebastjan <sebastjan@folx.tv>
Date: Mon, 31 Aug 2026 18:05:29 +0200
Subject: [PATCH] pripomocka ne prerastejo vrstice 399 px, prazna oglasna
 celica v rubriki se skrije, vrhnji pas omejen na 728 px

---
 client/src/components/breaking-news-widget.tsx | 4 ++--
 client/src/components/news-widget.tsx          | 4 ++--
 client/src/pages/category.tsx                  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/breaking-news-widget.tsx b/client/src/components/breaking-news-widget.tsx
index 2435a54..e9504b5 100644
--- a/client/src/components/breaking-news-widget.tsx
+++ b/client/src/components/breaking-news-widget.tsx
@@ -61,7 +61,7 @@ export function BreakingNewsWidget({ startOffset = 0 }: { startOffset?: number }
 
   return (
     <div
-      className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col min-h-[320px]"
+      className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col"
       onMouseEnter={() => setPaused(true)}
       onMouseLeave={() => setPaused(false)}
       data-testid="widget-breaking-news"
@@ -70,7 +70,7 @@ export function BreakingNewsWidget({ startOffset = 0 }: { startOffset?: number }
         <Globe className="w-4 h-4 text-primary" />
         <h3 className="font-bold text-card-foreground text-sm">Aktuelle Nachrichten</h3>
       </div>
-      <div className="p-3 flex-1 flex flex-col">
+      <div className="p-3 flex-1 min-h-0 flex flex-col overflow-hidden">
         {visible.map((item, i) => (
           <a
             key={`${offset}-${i}`}
diff --git a/client/src/components/news-widget.tsx b/client/src/components/news-widget.tsx
index d3f91bf..490785d 100644
--- a/client/src/components/news-widget.tsx
+++ b/client/src/components/news-widget.tsx
@@ -61,7 +61,7 @@ export function NewsWidget({ startOffset = 0 }: { startOffset?: number } = {}) {
 
   return (
     <div
-      className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col min-h-[320px]"
+      className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col"
       onMouseEnter={() => setPaused(true)}
       onMouseLeave={() => setPaused(false)}
       data-testid="widget-news"
@@ -70,7 +70,7 @@ export function NewsWidget({ startOffset = 0 }: { startOffset?: number } = {}) {
         <Newspaper className="w-4 h-4 text-primary" />
         <h3 className="font-bold text-card-foreground text-sm">Musiknachrichten</h3>
       </div>
-      <div className="p-3 flex-1 flex flex-col">
+      <div className="p-3 flex-1 min-h-0 flex flex-col overflow-hidden">
         {visible.map((item, i) => (
           <a
             key={`${offset}-${i}`}
diff --git a/client/src/pages/category.tsx b/client/src/pages/category.tsx
index 95ad901..144e190 100644
--- a/client/src/pages/category.tsx
+++ b/client/src/pages/category.tsx
@@ -169,7 +169,7 @@ export default function CategoryPage({ fixedCategory }: { fixedCategory?: string
                   const adCol = row === 0 ? 3 : row % 4;
                   for (let col = 0; col < 4; col++) {
                     if (col === adCol) {
-                      items.push(<div key={`ad-row-${row}`} className="lg:row-span-2 h-full"><ArticleCardAd /></div>);
+                      items.push(<div key={`ad-row-${row}`} className="lg:row-span-2 h-full empty:hidden"><ArticleCardAd /></div>);
                     } else if (ai < articles.length) {
                       const a = articles[ai];
                       items.push(