minor responsive layout adjust
This commit is contained in:
parent
de9adc60ea
commit
aa82b965a4
@ -349,7 +349,7 @@ button.minimize:hover {
|
|||||||
margin: 4rem 0% 0% 0%;
|
margin: 4rem 0% 0% 0%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-ms-transform: translate(-50%, -50%);
|
-ms-transform: translate(-50%, -50%);
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, 0%);
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -357,6 +357,10 @@ button.minimize:hover {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.audio-link {
|
||||||
|
margin: 2rem 0% 2rem 0% ;
|
||||||
|
}
|
||||||
|
|
||||||
.audio-stream > input {
|
.audio-stream > input {
|
||||||
margin: 0% 2rem 0% 2rem;
|
margin: 0% 2rem 0% 2rem;
|
||||||
}
|
}
|
||||||
@ -447,6 +451,7 @@ content: 'PAUSE';
|
|||||||
|
|
||||||
.halfscreen , .thirdscreen {
|
.halfscreen , .thirdscreen {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
margin: 4rem 0% 0rem 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note {
|
.note {
|
||||||
|
Loading…
Reference in New Issue
Block a user