diff --git a/src/views/download/download.jsx b/src/views/download/download.jsx index 3bd0b3320..8195bd69a 100644 --- a/src/views/download/download.jsx +++ b/src/views/download/download.jsx @@ -55,7 +55,9 @@ class Download extends React.Component { /> - + + + @@ -93,7 +95,7 @@ class Download extends React.Component { />
-

+

@@ -148,23 +150,25 @@ class Download extends React.Component {
-

+

+ +

-

+

You will need to install lorem ipsum dolor sit amet, consectetur adipiscing elit.

-

+

-

+

@@ -172,7 +176,7 @@ class Download extends React.Component {

-

+

{ this.state.OS === OS_ENUM.WINDOWS ? : @@ -197,7 +201,7 @@ class Download extends React.Component {

-

+

diff --git a/src/views/download/download.scss b/src/views/download/download.scss index 5510b2554..64464c12a 100644 --- a/src/views/download/download.scss +++ b/src/views/download/download.scss @@ -11,6 +11,9 @@ color: $ui-white; padding: 4rem 0; + .title { + font-size: 2rem; + } .inner { justify-content: space-between; flex-wrap: nowrap; @@ -35,6 +38,10 @@ max-height: 100%; } } + .download-description { + font-size: 1.2rem; + line-height: 1.7rem; + } } .download-requirements-container { @@ -88,32 +95,10 @@ width: 150px; height: 80px; } - - .horizontal-divider { - display: block; - margin: 20px; + .title { + margin-bottom: 1rem; } - .horizontal-divider:before, - .horizontal-divider:after { - display: inline-block; - position: relative; - background-color: $ui-dark-gray; - width: 50%; - height: 1px; - vertical-align: middle; - content: ""; - } - - .horizontal-divider:before { - right: .5em; - margin-left: -50%; - } - - .horizontal-divider:after { - left: .5em; - margin-right: -50%; - } } .download-section { padding: 4rem 0; @@ -133,8 +118,10 @@ max-width: $cols8; text-align: left; } - .faq-title { + margin-bottom: 1rem; + } + .faq-question{ margin-bottom: 0; font-size: 1.4rem; } diff --git a/src/views/download/l10n.json b/src/views/download/l10n.json index 7055fa2b8..7fb35e6ef 100644 --- a/src/views/download/l10n.json +++ b/src/views/download/l10n.json @@ -1,6 +1,6 @@ { "download.title": "Scratch 3.0 Desktop", - "download.intro": "You can install the Scratch 3.0 editor to work on projects without an internet connection. This version will work on Windows and MacOS", + "download.intro": "You can install the Scratch 3.0 editor to work on projects without an internet connection. This version will work on Windows and MacOS.", "download.requirements": "Requirements", "download.imgAltDownloadIllustration" : "Scratch 3.0 Desktop screenshot", "download.installHeaderTitle": "Install Scratch Desktop",