From 666433520212ac8c5c7b52294dac0c64e4589a0e Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 17:56:41 +0000
Subject: [PATCH] Adjust layout to prevent video cards from overlapping

Update the Home page component to adjust the positioning of decorative elements, ensuring they do not obscure video cards in different view modes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
---
 client/src/pages/home.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index cd431cc..a3436dd 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -169,17 +169,17 @@ export default function Home() {
       </div>
 
       <main className="w-full pt-0 pb-8 relative">
-        <div className="container">
-          {/* Trikotniki na robovih - ne prekrivajo video kartic */}
-          <div className="absolute top-10 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div>
-          <div className="absolute top-1/2 left-2 w-0 h-0 border-l-[60px] border-l-transparent border-r-[60px] border-r-transparent border-b-[85px] border-b-purple-400/8 -rotate-12 z-0"></div>
-          <div className="absolute bottom-1/4 right-2 w-0 h-0 border-l-[50px] border-l-transparent border-r-[50px] border-r-transparent border-b-[70px] border-b-cyan-400/8 rotate-45 z-0"></div>
-          {viewMode === "grid" ? (
-            <NetflixGrid
-              videos={allVideos}
-              isLoading={isLoading}
-            />
-          ) : (
+        {/* Trikotniki na robovih - ne prekrivajo video kartic */}
+        <div className="absolute top-10 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div>
+        <div className="absolute top-1/2 left-2 w-0 h-0 border-l-[60px] border-l-transparent border-r-[60px] border-r-transparent border-b-[85px] border-b-purple-400/8 -rotate-12 z-0"></div>
+        <div className="absolute bottom-1/4 right-2 w-0 h-0 border-l-[50px] border-l-transparent border-r-[50px] border-r-transparent border-b-[70px] border-b-cyan-400/8 rotate-45 z-0"></div>
+        {viewMode === "grid" ? (
+          <NetflixGrid
+            videos={allVideos}
+            isLoading={isLoading}
+          />
+        ) : (
+          <div className="container">
             <VideoGrid
               videos={allVideos}
               isLoading={isLoading}
@@ -187,8 +187,8 @@ export default function Home() {
               onLoadMore={() => {}}
               viewMode={viewMode}
             />
-          )}
-        </div>
+          </div>
+        )}
       </main>