From a10e2804bab6eae45288032c8ddb50edfd5c6506 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 23 Sep 2023 12:58:12 +0800
Subject: [PATCH] Allow RTL for text inside cards

---
 src/components/status.jsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index 7c69274e..30267ba3 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -1555,6 +1555,7 @@ function Card({ card, instance }) {
         rel="nofollow noopener noreferrer"
         class={`card link ${blurhashImage ? '' : size}`}
         lang={language}
+        dir="auto"
       >
         <div class="card-image">
           <img
@@ -1571,9 +1572,15 @@ function Card({ card, instance }) {
           />
         </div>
         <div class="meta-container">
-          <p class="meta domain">{domain}</p>
-          <p class="title">{title}</p>
-          <p class="meta">{description || providerName || authorName}</p>
+          <p class="meta domain" dir="auto">
+            {domain}
+          </p>
+          <p class="title" dir="auto">
+            {title}
+          </p>
+          <p class="meta" dir="auto">
+            {description || providerName || authorName}
+          </p>
         </div>
       </a>
     );