Apudmetas bildosignon de retejo apud ĝi en Masonry

T.e., la duan aranĝo (»Masonry«) de ligilolisto.

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 && (

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;
+}