From e358b65736a18a09ba08c2a43eb384d40720267c Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sun, 12 Nov 2023 12:54:02 -0300
Subject: [PATCH] Add hover effect on SurahIndex.tsx

---
 src/css/pages/SurahIndex.scss               | 1 +
 src/css/themes/blue/pages/_SurahIndex.scss  | 4 ++++
 src/css/themes/green/pages/_SurahIndex.scss | 5 +++++
 3 files changed, 10 insertions(+)

diff --git a/src/css/pages/SurahIndex.scss b/src/css/pages/SurahIndex.scss
index 7114a38..6fa2d4b 100644
--- a/src/css/pages/SurahIndex.scss
+++ b/src/css/pages/SurahIndex.scss
@@ -16,6 +16,7 @@ body .root .content.theme {
   ul.body.index {
     li.surah a {
       display: flex;
+      align-items: center;
       justify-content: space-between;
       min-height: 45px;
 
diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index c616173..d30c04f 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -7,6 +7,10 @@
         color: $blue1;
       }
 
+      &:hover {
+        background: lighten($blue1, 38%);
+      }
+
       div:first-child {
         .id {
           color: $gold1;
diff --git a/src/css/themes/green/pages/_SurahIndex.scss b/src/css/themes/green/pages/_SurahIndex.scss
index ad7a865..7278591 100644
--- a/src/css/themes/green/pages/_SurahIndex.scss
+++ b/src/css/themes/green/pages/_SurahIndex.scss
@@ -5,6 +5,11 @@
     &:active, &:link, &:visited {
       color: $green1;
     }
+
+    &:hover {
+      background: $green1;
+      color: $white;
+    }
   }
 
   footer a {