Further UI improvements

ReflectsLight · Oct 22, 2023 · e1dde4d · e1dde4d
1 parent 47ee8de
commit e1dde4d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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) => {