From 4b555a3141eaa5d52e154ddc0e3e96e74b6973b8 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Wed, 28 Feb 2024 21:27:27 -0300
Subject: [PATCH] Limit `border-top` to `.surah-index`

---
 src/css/themes/blue/pages/_SurahIndex.scss   | 2 +-
 src/css/themes/blue/pages/_SurahStream.scss  | 1 +
 src/css/themes/green/pages/_SurahIndex.scss  | 2 +-
 src/css/themes/green/pages/_SurahStream.scss | 1 +
 src/js/pages/SurahIndex.tsx                  | 2 +-
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index 3b598bb59..1ae434282 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -1,4 +1,4 @@
-.root .content.theme.blue {
+.root .surah-index.content.theme.blue {
   @import "themes/blue/colors";
   @import "breakpoints";
 
diff --git a/src/css/themes/blue/pages/_SurahStream.scss b/src/css/themes/blue/pages/_SurahStream.scss
index 9f05fa2a4..975cf1ee4 100644
--- a/src/css/themes/blue/pages/_SurahStream.scss
+++ b/src/css/themes/blue/pages/_SurahStream.scss
@@ -1,5 +1,6 @@
 .root .content.theme.blue {
   @import "themes/blue/colors";
+  @import "breakpoints";
 
   header {
     div {
diff --git a/src/css/themes/green/pages/_SurahIndex.scss b/src/css/themes/green/pages/_SurahIndex.scss
index 5f9646050..84c7c6aec 100644
--- a/src/css/themes/green/pages/_SurahIndex.scss
+++ b/src/css/themes/green/pages/_SurahIndex.scss
@@ -1,4 +1,4 @@
-.root .content.theme.green {
+.root .surah-index.content.theme.green {
   @import "breakpoints";
   @import "themes/green/colors";
 
diff --git a/src/css/themes/green/pages/_SurahStream.scss b/src/css/themes/green/pages/_SurahStream.scss
index c3dce4f62..2a16d7c4a 100644
--- a/src/css/themes/green/pages/_SurahStream.scss
+++ b/src/css/themes/green/pages/_SurahStream.scss
@@ -1,5 +1,6 @@
 .root .content.theme.green {
   @import "themes/green/colors";
+  @import "breakpoints";
 
   header {
     h1, h1 a { color: $primary-color; }
diff --git a/src/js/pages/SurahIndex.tsx b/src/js/pages/SurahIndex.tsx
index 426b52fe5..1656f817c 100644
--- a/src/js/pages/SurahIndex.tsx
+++ b/src/js/pages/SurahIndex.tsx
@@ -32,7 +32,7 @@ function SurahIndex({ locale, surahs, t }: Props) {
     <div
       ref={ref}
       className={classNames(
-        "flex flex-col invisible h-full content theme",
+        "flex flex-col invisible h-full content surah-index theme",
         theme,
         locale,
       )}