mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 07:38:07 -05:00
align notes box and player box on same y pos and align buttons and icons below notifications and player at same y pos
This commit is contained in:
parent
a8ebdb7d32
commit
0a50c1fb34
1 changed files with 5 additions and 2 deletions
|
@ -192,10 +192,11 @@ $stage-width: 480px;
|
||||||
.project-notes {
|
.project-notes {
|
||||||
// not 1.5rem because of stage padding
|
// not 1.5rem because of stage padding
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
height: $player-height;
|
height: calc(#{$player-height} - 1rem);
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
|
align-self: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.share-date {
|
.share-date {
|
||||||
|
@ -209,6 +210,7 @@ $stage-width: 480px;
|
||||||
.subactions {
|
.subactions {
|
||||||
margin-left: 1.5rem;
|
margin-left: 1.5rem;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
align-items: flex-start;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -384,6 +386,7 @@ $stage-width: 480px;
|
||||||
|
|
||||||
.action-buttons {
|
.action-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-top: 0;
|
||||||
color: $type-white;
|
color: $type-white;
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -458,7 +461,7 @@ $stage-width: 480px;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-button {
|
.studio-button {
|
||||||
&:before {
|
&:before {
|
||||||
background-image: url("/svgs/project/studio-add-white.svg");
|
background-image: url("/svgs/project/studio-add-white.svg");
|
||||||
|
|
Loading…
Reference in a new issue