From 6c0819bfddadfeff6ecb0589a5774bd1e76ee2cd Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Mon, 30 Oct 2023 06:55:24 -0300
Subject: [PATCH] Improve language dropdown (take 2)

---
 src/css/_layout.scss                        |  1 +
 src/css/pages/SurahIndex.scss               | 11 ++++++++---
 src/css/themes/blue/_layout.scss            |  3 +--
 src/css/themes/blue/pages/_SurahIndex.scss  | 16 ++++++++++------
 src/css/themes/green/_layout.scss           |  2 +-
 src/css/themes/green/pages/_SurahIndex.scss |  7 -------
 6 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/css/_layout.scss b/src/css/_layout.scss
index 040dce1..6c35bfa 100644
--- a/src/css/_layout.scss
+++ b/src/css/_layout.scss
@@ -69,6 +69,7 @@ body .root .content.theme {
           li {
             align-items: center;
             font-family: "Kanit Regular";
+            border-radius: 15px;
             span {
               display: flex;
               height: 100%;
diff --git a/src/css/pages/SurahIndex.scss b/src/css/pages/SurahIndex.scss
index b1589e9..7114a38 100644
--- a/src/css/pages/SurahIndex.scss
+++ b/src/css/pages/SurahIndex.scss
@@ -6,6 +6,11 @@
 body .root .content.theme {
   header {
     height: 115px;
+    .react-select.language {
+      ul li {
+        border-radius: 15px;
+      }
+    }
   }
 
   ul.body.index {
@@ -84,17 +89,17 @@ body .root .content.theme.ar {
 
   ul.body.index {
     li.surah {
-      min-height: 65px;
+      min-height: 55px;
       a {
         div:first-child {
           .id {
             font-size: x-large;
             font-family: "Kanit Regular";
             width: 55px;
-            height: 52px;
+            height: 47px;
           }
           .name {
-            font-size: xx-large;
+            font-size: x-large;
           }
         }
         .transliterated { display: none; }
diff --git a/src/css/themes/blue/_layout.scss b/src/css/themes/blue/_layout.scss
index cc5e691..c4b01ed 100644
--- a/src/css/themes/blue/_layout.scss
+++ b/src/css/themes/blue/_layout.scss
@@ -10,8 +10,7 @@
       ul li {
         background: $blue1;
         color: $white;
-        border: 3px solid $gold1;
-        border-radius: 5px;
+        border: 3px solid lighten($gold1, 5%);
       }
     }
   }
diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index 8d47425..c616173 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -1,13 +1,17 @@
 .root .content.theme.blue {
   @import "themes/blue/colors";
 
-  ul.body.index li.surah a {
-    &:active, &:link, &:visited {
-      color: $blue1;
-    }
+  ul.body.index {
+    li.surah a {
+      &:active, &:link, &:visited {
+        color: $blue1;
+      }
 
-    div:first-child {
-      .id { color: $gold1; }
+      div:first-child {
+        .id {
+          color: $gold1;
+        }
+      }
     }
   }
 
diff --git a/src/css/themes/green/_layout.scss b/src/css/themes/green/_layout.scss
index 7da2b66..1d48f8d 100644
--- a/src/css/themes/green/_layout.scss
+++ b/src/css/themes/green/_layout.scss
@@ -13,7 +13,7 @@
         background-color: $green1;
         color: $white;
         border: 3px solid darken($green1, 15%);
-        border-radius: 5px;
+        border-radius: 15px;
       }
     }
   }
diff --git a/src/css/themes/green/pages/_SurahIndex.scss b/src/css/themes/green/pages/_SurahIndex.scss
index 0faffee..ad7a865 100644
--- a/src/css/themes/green/pages/_SurahIndex.scss
+++ b/src/css/themes/green/pages/_SurahIndex.scss
@@ -5,13 +5,6 @@
     &:active, &:link, &:visited {
       color: $green1;
     }
-
-    .surah.id {
-      background: $green1;
-      color: $white;
-      border-radius: 5px;
-      padding: 3px;
-    }
   }
 
   footer a {