From a6973b439d4556961985be23598698d1e5cf5ac5 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Tue, 1 Oct 2024 20:18:31 -0300
Subject: [PATCH] mobile: revert from two columns to one

---
 share/al-quran.reflectslight.io/CHANGELOG.txt | 4 ----
 src/css/main/SurahIndex.scss                  | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/share/al-quran.reflectslight.io/CHANGELOG.txt b/share/al-quran.reflectslight.io/CHANGELOG.txt
index 5d44e58..ea4f78d 100644
--- a/share/al-quran.reflectslight.io/CHANGELOG.txt
+++ b/share/al-quran.reflectslight.io/CHANGELOG.txt
@@ -12,10 +12,6 @@ RTL and LTR languages use a different set of fonts, and before this
 change we would download all fonts regardless of whether the font
 would be used or not
 
-** 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 966f8b7..4981e00 100644
--- a/src/css/main/SurahIndex.scss
+++ b/src/css/main/SurahIndex.scss
@@ -76,7 +76,7 @@ body .root .content.theme.rtl {
   ul.body.index {
     li.surah {
       @media (max-width: $breakpoint-sm) {
-        width: 50%;
+        width: 100%;
       }
       span.transliterated { display: none; }
     }