From e1dde4d00804a1e6879d6b7422a96ba20a54a1f8 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sat, 21 Oct 2023 21:53:31 -0300
Subject: [PATCH] Further UI improvements

---
 src/css/components/Icon.scss        | 4 ++--
 src/css/pages/SurahStream.scss      | 8 ++++----
 src/js/loaders/SurahStreamLoader.ts | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/css/components/Icon.scss b/src/css/components/Icon.scss
index 2089ed54f..a9d195eaf 100644
--- a/src/css/components/Icon.scss
+++ b/src/css/components/Icon.scss
@@ -78,7 +78,7 @@
 .content.theme {
   .footer .sound-on.icon, .footer .sound-off.icon {
     width: 32px;
-    height: 30px;
+    height: 32px;
     g { transform: translate(32px,30px); }
   }
 }
@@ -96,6 +96,6 @@
 
   .footer .sound-on.icon, .footer .sound-off.icon {
     transform: rotate(180deg);
-    g {transform: translate(32px,3px); }
+    g {transform: translate(32px, 0); }
   }
 }
diff --git a/src/css/pages/SurahStream.scss b/src/css/pages/SurahStream.scss
index 264a7e211..3491585b7 100644
--- a/src/css/pages/SurahStream.scss
+++ b/src/css/pages/SurahStream.scss
@@ -47,13 +47,13 @@
   .timer {
     display: flex;
     flex-direction: column;
-    justify-content: flex-end;
-    height: 32px;
+    align-items: flex-end;
+    height: 24px;
     width: 40px;
     font-family: "Kanit Regular";
-    font-size: 80%;
     text-align: center;
     font-weight: bold;
+    font-size: large;
   }
 }
 
@@ -96,7 +96,7 @@
         font-size: x-large;
         font-weight: normal;
         line-height: 30px;
-        margin: 15px 0 10px 0;
+        margin: 5px 0 25px 0;
       }
     }
   }
diff --git a/src/js/loaders/SurahStreamLoader.ts b/src/js/loaders/SurahStreamLoader.ts
index 782ea3ce7..636c96d99 100644
--- a/src/js/loaders/SurahStreamLoader.ts
+++ b/src/js/loaders/SurahStreamLoader.ts
@@ -16,7 +16,7 @@ import * as Quran from "lib/Quran";
     item.script("/js/pages/surah-stream.js"),
     item.css("/css/pages/surah-stream.css"),
     item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
-    item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf"),
+    item.font("Handjet Regular", "url(/fonts/handjet-regular.ttf"),
     item.font("Amiri Quran Regular", "url(/fonts/amiri-quran-regular.ttf"),
     item.json(`/${locale}/${surahId}/surah.json`, { className: "surah" }),
     ...recitations.map((recitation: Quran.Recitation) => {