Merge pull request #2118 from LiFaytheGoblin/responsive-project-page/notes-section

Made project notes look better on mobile
This commit is contained in:
Linda 2018-10-01 19:30:36 -04:00 committed by GitHub
commit a0b190aa87
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -216,6 +216,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 {
@ -225,6 +233,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;
}