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

fix tutorials spacing and size

Browse source
This commit is contained in:
seotts 2020-10-23 16:45:17 -04:00
parent 544df10aae
commit 497ba5c6f3
2 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/views/annual-report/annual-report.jsx
View file

@ -1978,9 +1978,6 @@ class AnnualReport extends React.Component {
</Button> </Button>
</a> </a>
</div> </div>
<div className="financials-future">
<FormattedMessage id="annualReport.financialsFutureYears" />
</div>
</div> </div>
</div> </div>
<div <div

26
src/views/annual-report/annual-report.scss
View file

@ -1513,7 +1513,7 @@ p {
} }
.tools-tutorials { .tools-tutorials {
max-width: 780px; width: 760px;
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1532,13 +1532,24 @@ p {
margin: 32px 0; margin: 32px 0;
img { img {
width: 180px;
border-radius: 8px; border-radius: 8px;
@media #{$big} {
width: 180px;
height: 100px;
}
@media #{$intermediate} {
width: 140px;
height: 76px;
}
@media #{$medium} {
width: 220px;
height: 120px;
}
@media #{$small} {
width: 140px;
height: 76px;
} }
} }
.tools-stats {
max-width: 460px;
} }
} }
@ -1603,6 +1614,10 @@ p {
} }
} }
.tools-tutorials {
width: 620px;
}
.tools-abhi { .tools-abhi {
width: 100%; width: 100%;
align-items: center; align-items: center;
@ -1682,7 +1697,6 @@ p {
img { img {
margin: 8px; margin: 8px;
width: 200px;
} }
} }