scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix alignment of remix credit avatar, text

Browse source
This commit is contained in:
Ben Wheeler 2019-05-15 11:53:43 -04:00
parent b2d5bbcb93
commit 974203d325
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/views/preview/preview.scss
View file

@ -129,9 +129,10 @@ $stage-width: 480px;
height: 3rem;
&.remix {
margin-right: .5em;
margin-right: .75em;
width: 2rem;
height: 2rem;
align-self: flex-start;
}
}
}
@ -403,8 +404,12 @@ $stage-width: 480px;
width: 100%;
}
> .description-block:first-child {
margin-top: 1rem;
> * {
margin-bottom: .75rem;
}
> .description-block:last-child {
margin-bottom: 0;
}
}
@ -413,10 +418,11 @@ $stage-width: 480px;
border: 1px solid $ui-blue-10percent;
border-radius: 8px;
background-color: $ui-blue-10percent;
padding: .5rem;
width: calc(100% - 1rem);
padding: .75rem;
width: calc(100% - 1.5rem);
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
@media #{$medium-and-smaller} {
flex-direction: row;
@ -427,15 +433,15 @@ $stage-width: 480px;
.credit-text {
font-size: .875rem;
flex-shrink: 1;
text-align: left;
}
.description-block {
display: flex;
width: 100%;
min-height: 0;
height: 100%;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.project-textlabel {
@ -465,12 +471,13 @@ $stage-width: 480px;
.project-description-form {
display: flex;
width: 100%;
height: 100%;
min-height: 2rem;
flex-grow: 1;
}
.project-description-edit {
display: flex;
margin-bottom: .75rem;
border: 1px solid $ui-blue-10percent;
border-radius: 8px;
background-color: $ui-blue-10percent;