minor responsive layout adjust

This commit is contained in:
JoanaChicau 2021-03-27 20:35:41 +01:00
parent de9adc60ea
commit aa82b965a4

View File

@ -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 {