From 6a8b99c7bda07b39155a069c04b5add7f9061cbe Mon Sep 17 00:00:00 2001
From: Siddharth <siddharthvaddem@yahoo.com>
Date: Thu, 27 Nov 2025 22:33:34 -0700
Subject: [PATCH] spacing

---
 src/components/video-editor/VideoEditor.tsx   | 4 ++--
 src/components/video-editor/timeline/Item.tsx | 2 +-
 src/components/video-editor/timeline/Row.tsx  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index b496ede..6e13d72 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -369,7 +369,7 @@ export default function VideoEditor() {
         <div className="flex-[7] flex flex-col gap-3 min-w-0 h-full">
           <PanelGroup direction="vertical" className="gap-3">
             {/* Top section: video preview and controls */}
-            <Panel defaultSize={45} minSize={40}>
+            <Panel defaultSize={70} minSize={40}>
               <div className="w-full h-full flex flex-col items-center justify-center bg-black/40 rounded-2xl border border-white/5 shadow-2xl overflow-hidden">
                 {/* Video preview */}
                 <div className="w-full flex justify-center items-center" style={{ flex: '1 1 auto', margin: '6px 0 0' }}>
@@ -415,7 +415,7 @@ export default function VideoEditor() {
             </PanelResizeHandle>
 
             {/* Timeline section */}
-            <Panel defaultSize={55} minSize={20}>
+            <Panel defaultSize={30} minSize={20}>
               <div className="h-full bg-[#09090b] rounded-2xl border border-white/5 shadow-lg overflow-hidden flex flex-col">
                 <TimelineEditor
                   videoDuration={duration}
diff --git a/src/components/video-editor/timeline/Item.tsx b/src/components/video-editor/timeline/Item.tsx
index da185fb..60767cf 100644
--- a/src/components/video-editor/timeline/Item.tsx
+++ b/src/components/video-editor/timeline/Item.tsx
@@ -59,7 +59,7 @@ export default function Item({
             "w-full h-full overflow-hidden flex items-center justify-center gap-1.5 cursor-grab active:cursor-grabbing relative",
             isSelected && glassStyles.selected
           )}
-          style={{ height: 48, color: '#fff' }}
+          style={{ height: 40, color: '#fff' }}
           onClick={(event) => {
             event.stopPropagation();
             onSelect?.();
diff --git a/src/components/video-editor/timeline/Row.tsx b/src/components/video-editor/timeline/Row.tsx
index 18989d5..4027021 100644
--- a/src/components/video-editor/timeline/Row.tsx
+++ b/src/components/video-editor/timeline/Row.tsx
@@ -11,7 +11,7 @@ export default function Row({ id, children }: RowProps) {
   return (
     <div
       className="border-b border-[#18181b] bg-[#18181b]"
-      style={{ ...rowWrapperStyle, minHeight: 60 }}
+      style={{ ...rowWrapperStyle, minHeight: 48, marginBottom: 4 }}
     >
       <div ref={setNodeRef} style={rowStyle}>
         {children}