Render two columns for RTL languages

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
 

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