From fcfb0ab68e2b211128d572105075e9628215df3a Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sun, 28 Sep 2025 19:45:53 +0000
Subject: [PATCH] Update header ad display and placement on video pages

Modify HeaderAd component to ensure consistent ad sizing and integrate it directly into VideoPage without container constraints.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/NMycumv
---
 .replit                            | 4 ++++
 client/src/components/HeaderAd.tsx | 2 +-
 client/src/pages/VideoPage.tsx     | 6 ++----
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/.replit b/.replit
index dd7d269..5c48241 100644
--- a/.replit
+++ b/.replit
@@ -27,6 +27,10 @@ externalPort = 3001
 localPort = 35637
 externalPort = 3000
 
+[[ports]]
+localPort = 35987
+externalPort = 3003
+
 [env]
 PORT = "5000"
 
diff --git a/client/src/components/HeaderAd.tsx b/client/src/components/HeaderAd.tsx
index 81a71e7..804cbf2 100644
--- a/client/src/components/HeaderAd.tsx
+++ b/client/src/components/HeaderAd.tsx
@@ -21,7 +21,7 @@ export default function HeaderAd() {
   }, []);
 
   return (
-    <div className="hidden lg:flex justify-center py-4" ref={adRef}>
+    <div className="w-full bg-bunny-dark hidden lg:flex justify-center py-4" ref={adRef}>
       {/* Desktop Only: 1200x90px Header Ad */}
       <ins 
         className="adsbygoogle"
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index d5479f0..fcad506 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -501,10 +501,8 @@ export default function VideoPage() {
         )}
       </div>
 
-      {/* Fixed Header Ad - contained within page width */}
-      <div className="container mx-auto">
-        <HeaderAd />
-      </div>
+      {/* Fixed Header Ad */}
+      <HeaderAd />
 
       <div className="container p-4 lg:p-6 relative">
         {/* Background logo decorations */}