From 475d7d09da2ae7e8be6e7d4175112cf40fcce111 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 26 Sep 2025 15:53:54 +0000
Subject: [PATCH] Integrate ads into the live video suggestion section

Modify LivePage.tsx to include an AdSenseAd component within the suggested videos container, specifically after the video cards and before the end of the parent div. Adjust styling with `scale-90` for VideoCard and add a border-top to the ad container.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/E8iWmgC
---
 client/src/pages/LivePage.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/LivePage.tsx b/client/src/pages/LivePage.tsx
index a8b4b49..a53e46d 100644
--- a/client/src/pages/LivePage.tsx
+++ b/client/src/pages/LivePage.tsx
@@ -409,25 +409,25 @@ export default function LivePage() {
           <div className="lg:col-span-1 space-y-6">
             <div className="bg-bunny-darker rounded-lg p-4">
               <h3 className="text-white font-bold text-lg mb-4">Suggested Videos</h3>
-              <div className="space-y-4">
+              <div className="space-y-3">
                 {videos.slice(0, 8).map((video: any) => (
                   <div key={video.id} className="group">
                     <VideoCard 
                       video={video}
                       onClick={() => window.location.href = `/video/${video.id}`}
-                      className="hover:bg-bunny-dark/50 transition-colors rounded-lg"
+                      className="hover:bg-bunny-dark/50 transition-colors rounded-lg scale-90"
                     />
                   </div>
                 ))}
               </div>
-            </div>
-
-            {/* Ad Space */}
-            <div className="bg-bunny-darker rounded-lg p-4">
-              <AdSenseAd 
-                adSlot="9876543210"
-                adFormat="vertical" 
-              />
+              
+              {/* Ad Space inside same container */}
+              <div className="mt-6 pt-4 border-t border-white/10">
+                <AdSenseAd 
+                  adSlot="9876543210"
+                  adFormat="vertical" 
+                />
+              </div>
             </div>
           </div>
         </div>