From ae795a837d68d5cc97e24bb9f501e752daf7894e Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 17 Apr 2025 13:28:49 +0500
Subject: [PATCH] web: move the opened note indicator to the left of note item

---
 apps/web/src/components/list-item/index.tsx | 4 ----
 apps/web/src/components/note/index.tsx      | 5 +++++
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/list-item/index.tsx b/apps/web/src/components/list-item/index.tsx
index 7542f4e9c..3c365969a 100644
--- a/apps/web/src/components/list-item/index.tsx
+++ b/apps/web/src/components/list-item/index.tsx
@@ -156,10 +156,6 @@ function ListItem<TItem extends Item, TContext>(
 
         opacity: isDisabled ? 0.7 : 1,
 
-        borderBottom: isFocused ? "5px solid" : "none",
-        pb: isFocused ? "2px" : "7px",
-        borderBottomColor: isFocused ? accent : "transparent",
-
         backgroundColor: selected ? "background-selected" : background,
 
         ":hover": {
diff --git a/apps/web/src/components/note/index.tsx b/apps/web/src/components/note/index.tsx
index 285fb455f..f443d6ba0 100644
--- a/apps/web/src/components/note/index.tsx
+++ b/apps/web/src/components/note/index.tsx
@@ -145,6 +145,11 @@ function Note(props: NoteProps) {
         heading: color ? primary : "heading",
         background: "background"
       }}
+      sx={{
+        borderLeft: isOpened ? "4px solid" : "none",
+        pl: isOpened ? "3px" : "7px",
+        borderLeftColor: isOpened ? primary : "transparent"
+      }}
       context={{ color, locked }}
       menuItems={noteMenuItems}
       onClick={() =>