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:
Linda 2018-09-13 14:58:00 -04:00
parent a8ebdb7d32
commit 0a50c1fb34

View file

@ -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");