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.
This commit is contained in:
parent
c21e82d77d
commit
8d076fc5d6
1 changed files with 8 additions and 1 deletions
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in a new issue