From c813c93a7c9e1b888de52cbed30f15ded8508751 Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Sat, 8 Feb 2025 22:44:00 +0530
Subject: [PATCH 1/2] Modify sidebar

---
 src/components/Sidebar.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 2ac87ec8e..886df4eff 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -204,22 +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> 
-                  {content.title}
-                </div>
-                {content.type === 'video' && (
+              <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>
           </Link>
         );

From dd1928f2a4f16414bd196ca4edb2ade95556e29b Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Sat, 8 Feb 2025 23:01:37 +0530
Subject: [PATCH 2/2] Solved formatting issue

---
 src/components/Sidebar.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 886df4eff..eb6bd9824 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -209,9 +209,7 @@ export function Sidebar({
                 {content.type === 'video' && <Play className="size-4" />}
                 {content.type === 'notion' && <File className="size-4" />}
               </div>
-              <div className="grow">
-                {content.title}
-              </div>
+              <div className="grow">{content.title}</div>
               {content.type === 'video' && (
                 <div className="flex-none">
                   <BookmarkButton