From bd4502cb6312b18d2b0445a569e1f4203efe4002 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Tue, 24 Sep 2024 21:24:20 -0300
Subject: [PATCH] Render two columns for RTL languages

---
 share/al-quran.reflectslight.io/CHANGELOG.txt | 4 ++++
 src/css/main/SurahIndex.scss                  | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/share/al-quran.reflectslight.io/CHANGELOG.txt b/share/al-quran.reflectslight.io/CHANGELOG.txt
index 66e77a04c..fa49dc914 100644
--- a/share/al-quran.reflectslight.io/CHANGELOG.txt
+++ b/share/al-quran.reflectslight.io/CHANGELOG.txt
@@ -2,6 +2,10 @@
 
 ** vNEXT
 
+**** Render two columns for RTL languages
+On mobile devices we will render two columns in ~SurahIndex.tsx~ for
+RTL languages
+
 **** Optimize inline of ~postman.css~
 The inlined CSS is minified before being inserted into HTML documents
 
diff --git a/src/css/main/SurahIndex.scss b/src/css/main/SurahIndex.scss
index 4f0347a1b..d357e8f48 100644
--- a/src/css/main/SurahIndex.scss
+++ b/src/css/main/SurahIndex.scss
@@ -75,6 +75,9 @@ body .root .content.theme {
 body .root .content.theme.rtl {
   ul.body.index {
     li.surah {
+      @media (max-width: $breakpoint-sm) {
+        width: 50%;
+      }
       span.transliterated { display: none; }
     }
   }