From e9cd5935d7d5e102b09ac17731c9981773b1f483 Mon Sep 17 00:00:00 2001
From: Jaidyn Ann <10477760+JadedCtrl@users.noreply.github.com>
Date: Fri, 10 Jan 2025 21:14:28 -0600
Subject: [PATCH] =?UTF-8?q?Apudmetas=20bildosignon=20de=20retejo=20apud=20?=
 =?UTF-8?q?=C4=9Di=20en=20Masonry?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

T.e., la duan aranĝo (»Masonry«) de ligilolisto.
---
 components/LinkViews/LinkComponents/LinkMasonry.tsx | 8 ++++++--
 styles/globals.css                                  | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/LinkViews/LinkComponents/LinkMasonry.tsx b/components/LinkViews/LinkComponents/LinkMasonry.tsx
index 65abe0d..35b903e 100644
--- a/components/LinkViews/LinkComponents/LinkMasonry.tsx
+++ b/components/LinkViews/LinkComponents/LinkMasonry.tsx
@@ -195,12 +195,16 @@ export default function LinkMasonry({ link, editMode, columns }: Props) {
         )}
 
         <div className="p-3 flex flex-col gap-2 h-full min-h-14">
+          <div>
+          {show.icon && link.preview === "unavailable" && (
+            <LinkIcon className="our-link-icon" link={link} />
+          )}
           {show.name && (
-            <p className="hyphens-auto w-full text-primary text-sm">
+            <p className="our-vertical-center hyphens-auto w-full text-primary text-sm">
               {unescapeString(link.name)}
             </p>
           )}
-
+          </div>
           {show.link && <LinkTypeBadge link={link} />}
 
           {show.description && link.description && (
diff --git a/styles/globals.css b/styles/globals.css
index de596a4..061e396 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -280,3 +280,12 @@
 .custom-file-input::file-selector-button {
   cursor: pointer;
 }
+
+.our-link-icon {
+  float: left;
+  margin-right: 1em;
+}
+
+.our-vertical-center {
+	margin-top: 1em;
+}