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

@@ -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}

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}

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">
+        {/* Prej lastna kopija pasu s trdo visino 90 px in responsive=false:
-          <div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
+            Google je vanjo postavil 320x50 in okrog je ostal siv rob.
-          <AdSense
+            Zdaj skupna odzivna komponenta - kreativa zapolni sirino, prazna
-            slot="4154017639"
+            enota pa se sploh ne izrise. */}
-            format="horizontal"
+        <TopBannerAd />
-            style={{ display: "block", width: "100%", height: "90px" }}
-            responsive={false}
-          />
-        </div>
 
         <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">