From 4f4dcfcf1d57736e8c88d251cd8d1841b77a12c9 Mon Sep 17 00:00:00 2001
From: Aditya Sharma <adityaiit07@gmail.com>
Date: Mon, 17 Aug 2026 01:12:27 +0530
Subject: [PATCH] feat: add section dividers between editor control groups

- Added subtle horizontal rule separators between Trim, Rotation, Text Overlay, Audio & Speed, and Adjustments sections
- Uses border-white/10 for consistent dark theme styling
- Improves visual grouping without adding clutter

Closes #192
---
 src/components/VideoEditor.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index e83216e0..642ef617 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -480,6 +480,8 @@ export default function VideoEditor() {
                     />
                   </AccordionSection>
 
+                  <hr className="border-white/10 my-2" />
+
                   <AccordionSection
                     id="rotation"
                     icon={<RotateCw size={12} />}
@@ -491,6 +493,8 @@ export default function VideoEditor() {
                     <RotateControl recipe={recipe} onChange={updateRecipe} />
                   </AccordionSection>
 
+                  <hr className="border-white/10 my-2" />
+
                   <AccordionSection
                     id="text"
                     icon={<Type size={12} />}
@@ -518,6 +522,9 @@ export default function VideoEditor() {
                   >
                     <AudioSpeedControl recipe={recipe} onChange={updateRecipe} />
                   </AccordionSection>
+
+                  <hr className="border-white/10 my-2" />
+
                   <Section
                     icon={<SlidersHorizontal size={12} />}
                     title="Adjustments"