From 907e63d3d2e5b70052f7d5dac3d1c0af328c963e Mon Sep 17 00:00:00 2001
From: Claude <claude@folx.tv>
Date: Fri, 28 Aug 2026 09:42:14 +0000
Subject: [PATCH] oglasi: pas zapolni sirino namesto 320x50 sredi praznega
 okvirja

Naslovnica je imela lastno kopijo zgornjega pasu s trdo visino 90 px in
responsive=false. Google je vanjo postavil 320x50 in okrog je ostal siv rob -
tako je izgledalo na telefonu. Zdaj uporablja skupno komponento TopBannerAd,
ki je format=auto z full-width-responsive: kreativa dobi celo sirino, prazna
enota se ne izrise. Isto velja za vse ostale strani, ki TopBannerAd ze
uporabljajo.

Lepljivemu pasu odstranjen overflow-hidden in maxHeight - oglas mora biti cel
viden, vodoravni format itak ne da vec kot 320x100.
---
 client/src/components/adsense.tsx          |  7 +++++--
 client/src/components/mobile-sticky-ad.tsx |  6 ++++--
 client/src/pages/home.tsx                  | 16 ++++++----------
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx
index ab46498..249a961 100644
--- a/client/src/components/adsense.tsx
+++ b/client/src/components/adsense.tsx
@@ -153,11 +153,14 @@ export function TopBannerAd() {
       {shown && (
         <div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest w-full">Anzeige</div>
       )}
+      {/* format="auto" + full-width-responsive: Google dobi celo sirino in
+          izbere kreativo, ki jo zapolni. Pri "horizontal" s trdo visino je
+          vracal 320x50 in okrog je ostal prazen rob. */}
       <AdSense
         slot="4154017639"
-        format="horizontal"
+        format="auto"
         className="w-full"
-        style={{ display: "block", width: "100%", textAlign: "center", margin: "0 auto" }}
+        style={{ display: "block", width: "100%" }}
         responsive
         eager
         onAdStatus={setFilled}
diff --git a/client/src/components/mobile-sticky-ad.tsx b/client/src/components/mobile-sticky-ad.tsx
index a6cb13b..35fc560 100644
--- a/client/src/components/mobile-sticky-ad.tsx
+++ b/client/src/components/mobile-sticky-ad.tsx
@@ -46,12 +46,14 @@ export default function MobileStickyAd() {
         {/* Odzivna vodoravna enota namesto trdih 320x50: Google lahko postrezhe
             tudi 320x100, torej vecjo kreativo tam, kjer je prostor. Visino
             omejimo, da sidro ne poje zaslona. */}
-        <div className="flex justify-center pb-1 w-full overflow-hidden" style={{ maxHeight: "110px" }}>
+        {/* Vodoravni format da na telefonu 320x50 ali 320x100 - vec kot to
+            sidro ne sme biti. Nic ne odrezemo, ker mora biti oglas cel viden. */}
+        <div className="w-full pb-1">
           <AdSense
             slot="4154017639"
             format="horizontal"
             className="w-full"
-            style={{ display: "block", width: "100%", maxHeight: "110px" }}
+            style={{ display: "block", width: "100%" }}
             responsive
             eager
             onAdStatus={setFilled}
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index d58bf7d..6d26d58 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -8,7 +8,7 @@ import { Eye, Play, Images } from "lucide-react";
 import { Skeleton } from "@/components/ui/skeleton";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
-import AdSense, { ArticleCardAd, SidebarAd, PageSideAds, MultiplexAd } from "@/components/adsense";
+import AdSense, { ArticleCardAd, SidebarAd, PageSideAds, MultiplexAd, TopBannerAd } from "@/components/adsense";
 import { PhotoGalleryWidget } from "@/components/photo-gallery";
 import { HoroscopeWidget } from "@/components/horoscope-widget";
 import { RecipeWidget } from "@/components/recipe-widget";
@@ -896,15 +896,11 @@ export default function Home() {
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">
         <h1 className="sr-only">FOLX TV – Volksmusik & Schlager Fernsehsender: Nachrichten, Videos und Live-Shows</h1>
 
-        <div className="rounded-md overflow-hidden bg-card border border-card-border" data-testid="ad-top-banner">
-          <div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
-          <AdSense
-            slot="4154017639"
-            format="horizontal"
-            style={{ display: "block", width: "100%", height: "90px" }}
-            responsive={false}
-          />
-        </div>
+        {/* Prej lastna kopija pasu s trdo visino 90 px in responsive=false:
+            Google je vanjo postavil 320x50 in okrog je ostal siv rob.
+            Zdaj skupna odzivna komponenta - kreativa zapolni sirino, prazna
+            enota pa se sploh ne izrise. */}
+        <TopBannerAd />
 
         <div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
           <div className="lg:col-span-3 space-y-4 lg:flex lg:flex-col">