From ac09688eeb63e6354f088b53e7f60172dc354877 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:38:15 +0000
Subject: [PATCH] Improve header design by adjusting height and logo spacing

Adjust the height of the header element and modify the spacing around the logo for an improved visual presentation in the `VideoPage` component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
---
 client/src/pages/VideoPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 916679f..175aff8 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -209,7 +209,7 @@ export default function VideoPage() {
         <div className="triangle-decoration-3 opacity-20" style={{top: '30px', left: '70%'}}></div>
         
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-          <div className="flex items-center justify-between h-20">
+          <div className="flex items-center justify-between h-16">
             <div className="flex items-center space-x-4">
               <a href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
                 <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">