From 2fa71770fba3f4e8e9e9d225263d0b16b114472f Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 28 Feb 2024 21:15:15 +0000
Subject: fix: Fix the positioning of the favourited star

---
 .../app/dashboard/bookmarks/components/LinkCard.tsx    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'packages/web/app/dashboard/bookmarks/components/LinkCard.tsx')

diff --git a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
index 73d3f300..612efb9b 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -65,13 +65,6 @@ export default function LinkCard({
 
   return (
     <ImageCard className={cn(className, "row-span-2")}>
-      {bookmark.favourited && (
-        <Star
-          className="absolute m-1 size-8 rounded bg-gray-100 p-1"
-          color="#ebb434"
-          fill="#ebb434"
-        />
-      )}
       <Link href={link.url}>
         <ImageCardBanner src={isCrawling ? "/blur.avif" : image} />
       </Link>
@@ -93,7 +86,16 @@ export default function LinkCard({
                 {parsedUrl.host}
               </Link>
             </div>
-            <BookmarkOptions bookmark={bookmark} />
+            <div className="flex">
+              {bookmark.favourited && (
+                <Star
+                  className="m-1 size-8 rounded p-1"
+                  color="#ebb434"
+                  fill="#ebb434"
+                />
+              )}
+              <BookmarkOptions bookmark={bookmark} />
+            </div>
           </div>
         </ImageCardFooter>
       </ImageCardContent>
-- 
cgit v1.2.3-70-g09d2

