made project notes look better on mobile

This commit is contained in:
Linda 2018-09-26 17:16:17 -04:00
parent a94b9d6c84
commit 32ab0202bc

View file

@ -200,6 +200,14 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
.guiPlayer {
display: inline-block;
width: $player-width;
@media #{$small} {
width: 100%;
.stage-wrapper {
max-width: 100%;
}
}
}
.project-notes {
@ -209,6 +217,12 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
flex: 1;
flex-flow: column;
@media #{$medium-and-small} {
margin-top: 1rem;
margin-left: 0;
width: 100%;
}
> .description-block:first-child {
margin-top: 1rem;
}