Merge pull request #145 from ReflectsLight/ar_layout
Improve Arabic layout
This commit is contained in:
commit
5dd81c4841
3 changed files with 27 additions and 10 deletions
|
@ -47,19 +47,23 @@ ul.body.index {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.root .content .row.surah.choose-random {
|
body .root .content .row.surah.choose-random {
|
||||||
display: flex;
|
display: flex;
|
||||||
place-content: center;
|
place-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.root .content.theme.en {
|
body .root .content.theme.en {
|
||||||
ul.body.index a .surah.id {
|
ul.body.index a .surah.id {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.root .content.theme.ar {
|
body .root .content.theme.ar {
|
||||||
ul.body.index a .surah.id {
|
ul.body.index {
|
||||||
margin-left: 8px;
|
a .surah.id {
|
||||||
|
width: 35px;
|
||||||
|
padding: 1px;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,11 +53,6 @@
|
||||||
top: 4px;
|
top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content.ar .row .timer {
|
|
||||||
position: relative;
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content .row svg {
|
.content .row svg {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
@ -73,5 +68,23 @@
|
||||||
justify-content: flex-end !important;
|
justify-content: flex-end !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body .root .content.theme.ar {
|
||||||
|
.row.details {
|
||||||
|
place-content: flex-end;
|
||||||
|
span[lang="en"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.body.stream .ayah p {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .timer {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@import "themes/moon";
|
@import "themes/moon";
|
||||||
@import "themes/leaf";
|
@import "themes/leaf";
|
||||||
|
|
Binary file not shown.
Loading…
Reference in a new issue