From c17c9b762ead22e616e3a10cdb0357880b1ade4b Mon Sep 17 00:00:00 2001
From: sebastjan <sebastjan@folx.tv>
Date: Mon, 31 Aug 2026 16:22:42 +0200
Subject: [PATCH] oglasna kartica brez vzorca pod oglasom, prazna oglasna
 celica se skrije, spodnji blok tristolpcen namesto stiristolpcnega

---
 client/src/components/adsense.tsx | 23 ++++++++++++-----------
 client/src/pages/home.tsx         |  4 ++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx
index be116f4..29b75a0 100644
--- a/client/src/components/adsense.tsx
+++ b/client/src/components/adsense.tsx
@@ -157,17 +157,18 @@ export function ArticleCardAd() {
     // prepise — z minHeight/height 400 je celico raztegnil na 600 in vrstica
     // je narasla. Zato pustimo fluid, okvir pa se prilagodi vsebini in stoji
     // na vrhu celice, da pod njim ni vidne luknje.
-    <div className="self-start w-full">
-      <ArtistPatternBg className="rounded-md border border-card-border bg-card" seed={seed}>
-        <AdSense
-          slot="3854634730"
-          format="fluid"
-          layoutKey="-6r+cy-10+8a-3"
-          responsive={false}
-          style={{ display: "block" }}
-          onAdStatus={setFilled}
-        />
-      </ArtistPatternBg>
+    // Vzorec z imeni izvajalcev je bil pod oglasom viden kot prazna grafika,
+    // ker je fluid enota nizja od celice. Zdaj je okvir samo okoli oglasa in
+    // se skrci na njegovo visino.
+    <div className="self-start w-full rounded-md border border-card-border bg-card overflow-hidden">
+      <AdSense
+        slot="3854634730"
+        format="fluid"
+        layoutKey="-6r+cy-10+8a-3"
+        responsive={false}
+        style={{ display: "block" }}
+        onAdStatus={setFilled}
+      />
     </div>
   );
 }
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 8096bc8..283f2c5 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -1064,7 +1064,7 @@ export default function Home() {
                   item.type === "widget"
                     ? <div key={item.key}>{item.widget!.el}</div>
                     : item.type === "ad"
-                      ? <div key={item.key} className="flex items-start" data-testid={`ad-grid-${item.key}`}><ArticleCardAd /></div>
+                      ? <div key={item.key} className="flex items-start empty:hidden" data-testid={`ad-grid-${item.key}`}><ArticleCardAd /></div>
                       : item.type === "video" && item.video
                         ? <VideoCard key={item.key} video={item.video} />
                         : item.article
@@ -1111,7 +1111,7 @@ export default function Home() {
         </LazySection>
 
         <LazySection minHeight="280px">
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
             <NewsWidget key="extra-news" startOffset={10} />
             <BreakingNewsWidget key="extra-breaking" startOffset={10} />
             <div className="h-full"><ArticleCardAd /></div>