Commit 497ba5c6 authored by seotts's avatar seotts

fix tutorials spacing and size

parent 544df10a
...@@ -1978,9 +1978,6 @@ class AnnualReport extends React.Component { ...@@ -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
......
...@@ -1513,7 +1513,7 @@ p { ...@@ -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,14 +1532,25 @@ p { ...@@ -1532,14 +1532,25 @@ 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;
}
} }
.tools-abhi { .tools-abhi {
...@@ -1603,6 +1614,10 @@ p { ...@@ -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 { ...@@ -1682,7 +1697,6 @@ p {
img { img {
margin: 8px; margin: 8px;
width: 200px;
} }
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment