From 04b289484ba600f835671300b3788f0ddc170499 Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Sat, 8 Feb 2025 17:32:20 +0530
Subject: [PATCH 1/2] Modified sidebarContent feature

---
 src/components/Sidebar.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 2ac87ec8e..884f72d50 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -204,22 +204,24 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-              <div className="flex items-center gap-2">
+              {/* <div className="flex items-center gap-2"> */}
                 <div className="flex gap-2">
                   {content.type === 'video' && <Check content={content} />}
                   {content.type === 'video' && <Play className="size-4" />}
                   {content.type === 'notion' && <File className="size-4" />}
                 </div>
-                <div> 
+                <div className='grow'> 
                   {content.title}
                 </div>
                 {content.type === 'video' && (
+                  <div className='flex-none'>
                   <BookmarkButton
                     bookmark={content.bookmark ?? null}
                     contentId={content.id}
-                  />
+                    />
+                  </div>
                 )}
-              </div>
+              {/* </div> */}
             </div>
           </Link>
         );

From 9aa140d68097331fd44a92eea0674943c441e94b Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Sat, 8 Feb 2025 22:03:13 +0530
Subject: [PATCH 2/2] Solving formatting error

---
 src/components/Sidebar.tsx | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 884f72d50..886df4eff 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -204,24 +204,22 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-              {/* <div className="flex items-center gap-2"> */}
-                <div className="flex gap-2">
-                  {content.type === 'video' && <Check content={content} />}
-                  {content.type === 'video' && <Play className="size-4" />}
-                  {content.type === 'notion' && <File className="size-4" />}
-                </div>
-                <div className='grow'> 
-                  {content.title}
-                </div>
-                {content.type === 'video' && (
-                  <div className='flex-none'>
+              <div className="flex gap-2">
+                {content.type === 'video' && <Check content={content} />}
+                {content.type === 'video' && <Play className="size-4" />}
+                {content.type === 'notion' && <File className="size-4" />}
+              </div>
+              <div className="grow">
+                {content.title}
+              </div>
+              {content.type === 'video' && (
+                <div className="flex-none">
                   <BookmarkButton
                     bookmark={content.bookmark ?? null}
                     contentId={content.id}
-                    />
-                  </div>
-                )}
-              {/* </div> */}
+                  />
+                </div>
+              )}
             </div>
           </Link>
         );