From f4a071ee0523a3efdafe096dcf77f9e922693c97 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 4 Nov 2023 11:16:41 -0700
Subject: [PATCH] Fix drop marker indent

---
 src-web/components/DropMarker.tsx | 4 +---
 src-web/components/Sidebar.tsx    | 7 +++----
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src-web/components/DropMarker.tsx b/src-web/components/DropMarker.tsx
index 971f0c81..eab99577 100644
--- a/src-web/components/DropMarker.tsx
+++ b/src-web/components/DropMarker.tsx
@@ -3,16 +3,14 @@ import React, { memo } from 'react';
 
 interface Props {
   className?: string;
-  depth: number;
 }
 
 export const DropMarker = memo(
-  function DropMarker({ className, depth }: Props) {
+  function DropMarker({ className }: Props) {
     return (
       <div
         className={classNames(
           className,
-          depth > 0 ? 'ml-5' : 'ml-0',
           'relative w-full h-0 overflow-visible pointer-events-none',
         )}
       >
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index ea0faf57..9c513a3c 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -403,9 +403,8 @@ function SidebarItems({
     >
       {tree.children.map((child, i) => (
         <Fragment key={child.item.id}>
-          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && (
-            <DropMarker depth={tree.depth} />
-          )}
+          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && <DropMarker />}
+          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && <DropMarker />}
           <DraggableSidebarItem
             selected={selectedId === child.item.id}
             itemId={child.item.id}
@@ -441,7 +440,7 @@ function SidebarItems({
         </Fragment>
       ))}
       {hoveredIndex === tree.children.length && hoveredTree?.item.id === tree.item.id && (
-        <DropMarker depth={tree.depth} />
+        <DropMarker />
       )}
     </VStack>
   );