From 6b8ae97d98d66081de9487932c25571d05eae35e Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 5 Aug 2023 00:15:57 +0800
Subject: [PATCH] Add small link icon for imageless link cards

---
 src/components/status.css | 3 +++
 src/components/status.jsx | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/status.css b/src/components/status.css
index ec4e255..0f82287 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1015,6 +1015,9 @@ a:focus-visible .card img {
   overflow: hidden;
   display: block;
 }
+.card .meta.domain * {
+  vertical-align: middle;
+}
 a.card {
   text-decoration: none;
   transition: opacity 0.2s ease-in-out;
diff --git a/src/components/status.jsx b/src/components/status.jsx
index d57050f..7a703a5 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -1541,7 +1541,9 @@ function Card({ card, instance }) {
         class={`card link no-image`}
       >
         <div class="meta-container">
-          <p class="meta domain">{domain}</p>
+          <p class="meta domain">
+            <Icon icon="link" size="s" /> <span>{domain}</span>
+          </p>
           <p class="title">{title}</p>
           <p class="meta">{description || providerName || authorName}</p>
         </div>