Merge pull request #1742 from Vinit1014/feature/contents

Modify sidebar content UI

Author: devsargam

src/components/Sidebar.tsx

@@ -204,22 +204,20 @@ 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>
         );