diff --git a/src/components/timeline-card/timeline-card.scss b/src/components/timeline-card/timeline-card.scss index 346694d51..7ac525627 100644 --- a/src/components/timeline-card/timeline-card.scss +++ b/src/components/timeline-card/timeline-card.scss @@ -10,6 +10,7 @@ margin-bottom: 30px; p{ margin: 0px; + line-height: 1.5; } a{ position: absolute; @@ -20,12 +21,13 @@ margin: 0 auto 30px; } &.left{ - margin-left: calc((100% - 940px)/2); + margin-left: calc((100% - 980px)/2); } &.right{ - margin-left: calc(100% - ((100% - 940px)/2) - 470px); + margin-left: calc(100% - ((100% - 980px)/2) - 450px); } img{ + margin-top: 10px; width: 100%; } } \ No newline at end of file diff --git a/src/views/annual-report/2020/index/annual-report.jsx b/src/views/annual-report/2020/index/annual-report.jsx index 8d38ae32f..498653b1a 100644 --- a/src/views/annual-report/2020/index/annual-report.jsx +++ b/src/views/annual-report/2020/index/annual-report.jsx @@ -1551,11 +1551,12 @@ class AnnualReport extends React.Component { {id: 'annualReport.yearInReviewCard9Title'} )} text={this.props.intl.formatMessage( - {id: 'annualReport.yearInReviewCard9text'} + {id: 'annualReport.yearInReviewCard9Text'} )} image="/images/annual-report/2020/community/Timeline/Images/scratchtober.jpg" attribution="project by u/IDK_HAVE_SOME_NUMBER" /> + diff --git a/src/views/annual-report/2020/index/annual-report.scss b/src/views/annual-report/2020/index/annual-report.scss index 90d750f46..c5deb3955 100644 --- a/src/views/annual-report/2020/index/annual-report.scss +++ b/src/views/annual-report/2020/index/annual-report.scss @@ -1384,6 +1384,12 @@ img.comment-viz{ margin: auto; } } + .lower-wave{ + width: 100%; + position: absolute; + bottom: 50px; + z-index: 0; + } }