Further UI improvements

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); }
   }
 }

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;
       }
     }
   }

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) => {