From 8d076fc5d69b85ab377b282bc26f5f07a5af3f66 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sat, 24 Dec 2022 11:45:47 -0300
Subject: [PATCH] Fit content (vertically) on 1368x768 device

I bought a new laptop recently, and I discovered that I couldn't view
a surah without a vertical scroll bar. The timer for an ayah wasn't
visible without scrolling. This change will hopefully address that.
---
 src/css/surah.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/surah.scss b/src/css/surah.scss
index a1eead2e2..1f8db9620 100644
--- a/src/css/surah.scss
+++ b/src/css/surah.scss
@@ -2,14 +2,20 @@
 
 $black: #454545;
 
+html {
+  height: 100%;
+}
+
 body {
   font-family: "Kanit Regular";
   color: $black;
+  height: inherit;
 }
 
 .surah .theme {
   margin: 0 auto;
   width: 450px;
+  height: inherit;
 
   @media screen and (max-width: 450px) {
     width: 350px;
@@ -67,7 +73,8 @@ body {
   ul.stream {
     clear: both;
     list-style-type: none;
-    height: 400px;
+    height: 90%;
+    max-height: 400px;
     padding: 0;
     overflow: hidden;