From dc24ab193d066f79ec26205ab7aabb6e3bb24844 Mon Sep 17 00:00:00 2001
From: picklesrus <picklesrus@users.noreply.github.com>
Date: Wed, 12 Dec 2018 12:01:15 -0500
Subject: [PATCH] Fix up some stuff to better match the spec

---
 src/views/download/download.jsx  | 62 ++++++++++++++++++--------------
 src/views/download/download.scss |  8 +++--
 src/views/download/l10n.json     |  2 +-
 3 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/src/views/download/download.jsx b/src/views/download/download.jsx
index 66db087b9..efaca3834 100644
--- a/src/views/download/download.jsx
+++ b/src/views/download/download.jsx
@@ -176,38 +176,48 @@ class Download extends React.Component {
                         </h3>
                         <FlexRow>
                             <div className="older-version">
-                                <img
-                                    alt=""
-                                    className="screenshot"
-                                    height="106"
-                                    src="/images/download/scratch1-4.png"
-                                    width="150"
-                                />
-                                <p>
-                                    <a
-                                        className="centered"
-                                        href="/scratch_1.4"
-                                    >
-                                        <FormattedMessage id="download.scratch1-4Desktop" />
-                                        <img src="/svgs/download/r-arrow.svg" />
-                                    </a>
-                                </p>
-                            </div>
-                            <div className="older-version">
-                                <img
-                                    alt=""
-                                    className="screenshot"
-                                    height="106"
-                                    src="/images/download/scratch2.png"
-                                    width="150"
-                                />
+                                <a href="/download/scratch2">
+                                    <img
+                                        alt=""
+                                        className="screenshot"
+                                        height="106"
+                                        src="/images/download/scratch2.png"
+                                        width="150"
+                                    />
+                                </a>
                                 <p>
                                     <a
                                         className="centered"
                                         href="/download/scratch2"
                                     >
                                         <FormattedMessage id="download.scratch2Desktop" />
-                                        <img src="/svgs/download/r-arrow.svg" />
+                                        <img
+                                            className="little-arrow"
+                                            src="/svgs/download/r-arrow.svg"
+                                        />
+                                    </a>
+                                </p>
+                            </div>
+                            <div className="older-version">
+                                <a href="/scratch_1.4">
+                                    <img
+                                        alt=""
+                                        className="screenshot"
+                                        height="106"
+                                        src="/images/download/scratch1-4.png"
+                                        width="150"
+                                    />
+                                </a>
+                                <p>
+                                    <a
+                                        className="centered"
+                                        href="/scratch_1.4"
+                                    >
+                                        <FormattedMessage id="download.scratch1-4Desktop" />
+                                        <img
+                                            className="little-arrow"
+                                            src="/svgs/download/r-arrow.svg"
+                                        />
                                     </a>
                                 </p>
                             </div>
diff --git a/src/views/download/download.scss b/src/views/download/download.scss
index 12a7fac06..82246abc0 100644
--- a/src/views/download/download.scss
+++ b/src/views/download/download.scss
@@ -47,7 +47,7 @@
 
         .download-info {
             padding-right: $cols1;
-            max-width: $cols7 + ($gutter / $em);
+            max-width: $cols6 + ($gutter / $em);
             align-items: flex-start;
 
             .download-copy {
@@ -99,7 +99,7 @@
 
         .download-image {
             width: 100%;
-            max-width: $cols4;
+            max-width: $cols6;
 
             img {
                 max-width: 100%;
@@ -158,8 +158,12 @@
         p {
             color: $link-blue;
             font-weight: 600;
+            line-height: normal;
         }
 
+        .little-arrow {
+            padding-left: 2px;
+        }
         .screenshot {
             margin-top: 1rem;
             $img-border: rgba(0, 0, 0, .05);
diff --git a/src/views/download/l10n.json b/src/views/download/l10n.json
index f22825b8a..a1db7fb93 100644
--- a/src/views/download/l10n.json
+++ b/src/views/download/l10n.json
@@ -5,7 +5,7 @@
   "download.imgAltDownloadIllustration" : "Scratch 3.0 Desktop screenshot",
   "download.installHeaderTitle": "Install Scratch Desktop",
   "download.downloadAndInstall": "Download and install Scratch Desktop",
-  "download.troubleshootingTitle": "FAQ / Troubleshooting",
+  "download.troubleshootingTitle": "FAQ",
   "download.startScratchDesktop": "Start Scratch Desktop",
   "download.howDoIInstall": "How do I install Scratch Desktop?",
   "download.whenSupportLinux": "When will you have Scratch Desktop for Linux?",