From c1b320be6e95eeb158486a427e7d2948cb5af8d7 Mon Sep 17 00:00:00 2001
From: John Knox <jknox@fb.com>
Date: Wed, 30 Oct 2019 11:20:43 -0700
Subject: [PATCH] Move "Download" out of the Mac button on front page

Summary:
This didn't look quite right to me, "Download Mac", "Linux", "Windows".
Changed it to a separate "Download for", with "Mac", "Linux" and "Windows" buttons.

Reviewed By: passy

Differential Revision: D18225271

fbshipit-source-id: d644570d072029fc792cd9d9c18d8616ada0017b
---
 website/pages/en/index.js     | 11 ++++++++---
 website/static/css/custom.css |  5 +++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 09f78ecc6..658840736 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -23,10 +23,15 @@ class Index extends React.Component {
               API.
             </h2>
             <div className="row">
-              <a
-                className="landing-btn landing-btn-left primary"
+              <p
+                className="landing-btn landing-btn-left landing-btn-label"
                 href="https://www.facebook.com/fbflipper/public/mac">
-                Download Mac
+                Download
+              </p>
+              <a
+                className="landing-btn landing-btn-middle primary"
+                href="https://www.facebook.com/fbflipper/public/mac">
+                Mac
               </a>
               <a
                 className="landing-btn landing-btn-middle primary"
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 9eaf36687..ed53fd7c5 100644
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -59,6 +59,11 @@ h6 {
   border: 1px solid #777;
 }
 
+.splash .landing-btn.landing-btn-label {
+  background-color: #0066af;
+  border-color: #0066af;
+}
+
 .landing-btn-left {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;