Fix alignment of items in footer
This commit is contained in:
parent
996325a13b
commit
3682c4a3bd
3 changed files with 10 additions and 9 deletions
|
@ -61,10 +61,16 @@ body .root .content {
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
.br {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -48,10 +48,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.justify-end {
|
|
||||||
justify-content: flex-end !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content.theme.en {
|
.content.theme.en {
|
||||||
ul.body.stream {
|
ul.body.stream {
|
||||||
li.ayah {
|
li.ayah {
|
||||||
|
|
|
@ -118,12 +118,11 @@ function SurahStream({ node, recitations, locale, paused, t }: Props) {
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{readyToRender && endOfStream && <RefreshIcon onClick={() => setStream([])} />}
|
{readyToRender && endOfStream && <RefreshIcon onClick={() => setStream([])} />}
|
||||||
</footer>
|
<div className="br"></div>
|
||||||
{readyToRender && soundOn && isStalled && (
|
{readyToRender && soundOn && isStalled && (
|
||||||
<div className="row spinner justify-end">
|
|
||||||
<StalledIcon />
|
<StalledIcon />
|
||||||
</div>
|
)}
|
||||||
)}
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue