From cc80c01fc375c5a0b7c358a7adeb4999647edbbb Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Thu, 1 Sep 2022 06:03:23 +0900
Subject: [PATCH] Website: try-fleet and homepage style fixes (#7469)

I made the following changes:

- updated "click here" link on /register and /sandbox-login to point to /deploy (our deployment guides), for a friendlier user experience.
- removed padding-top: 120px which was forcing an awkward scroll to get to the form on register, sandbox-login, and sandbox-expired (I think the original intent was to vertically center the form and graphic on the page)
- I added some margin right to space out the CTAs on the hompage.

Co-authored-by: Eric <eashaw@sailsjs.com>
---
 website/assets/styles/pages/try-fleet/register.less        | 1 -
 website/assets/styles/pages/try-fleet/sandbox-expired.less | 2 --
 website/assets/styles/pages/try-fleet/sandbox-login.less   | 1 -
 website/views/pages/homepage.ejs                           | 2 +-
 website/views/pages/try-fleet/register.ejs                 | 2 +-
 website/views/pages/try-fleet/sandbox-login.ejs            | 2 +-
 6 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/website/assets/styles/pages/try-fleet/register.less b/website/assets/styles/pages/try-fleet/register.less
index 67e7c887dd..6756cab55d 100644
--- a/website/assets/styles/pages/try-fleet/register.less
+++ b/website/assets/styles/pages/try-fleet/register.less
@@ -1,5 +1,4 @@
 #register {
-  padding-top: 120px;
   background-color: #FFF;
   p {
     font-size: 14px;
diff --git a/website/assets/styles/pages/try-fleet/sandbox-expired.less b/website/assets/styles/pages/try-fleet/sandbox-expired.less
index 8d16d96569..2b00816344 100644
--- a/website/assets/styles/pages/try-fleet/sandbox-expired.less
+++ b/website/assets/styles/pages/try-fleet/sandbox-expired.less
@@ -1,6 +1,4 @@
 #sandbox-expired {
-
-  padding-top: 120px;
   background-color: #FFF;
   p {
     font-size: 14px;
diff --git a/website/assets/styles/pages/try-fleet/sandbox-login.less b/website/assets/styles/pages/try-fleet/sandbox-login.less
index c411d8cc0c..dca396de2e 100644
--- a/website/assets/styles/pages/try-fleet/sandbox-login.less
+++ b/website/assets/styles/pages/try-fleet/sandbox-login.less
@@ -1,5 +1,4 @@
 #sandbox-login {
-  padding-top: 120px;
   background-color: #FFF;
   p {
     font-size: 14px;
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index c7ac273837..c993798130 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -166,7 +166,7 @@
     </div>
     <%// Try Fleet and Talk to an expert calls to action%>
     <div style="padding-top: 40px;" class="flex-sm-row d-flex flex-column justify-content-center align-items-center mx-auto">
-      <a purpose="round-button" href="/try-fleet/register?tryitnow" class="btn d-flex flex-row justify-content-center">Try Fleet</a>
+      <a purpose="round-button" href="/try-fleet/register?tryitnow" class="btn d-flex flex-row mr-4 justify-content-center">Try Fleet</a>
       <a purpose="animated-arrow-button-red" style="color: #192147;" href="https://calendly.com/fleetdm/demo?utm_source=homepage-demo-mid" target="_blank" class="btn">Talk to an expert</a>
     </div>
   </div>
diff --git a/website/views/pages/try-fleet/register.ejs b/website/views/pages/try-fleet/register.ejs
index 4d9178332b..5f267dcf36 100644
--- a/website/views/pages/try-fleet/register.ejs
+++ b/website/views/pages/try-fleet/register.ejs
@@ -7,7 +7,7 @@
       <h2>Play in Fleet Sandbox</h2>
       <p>
         Fleet Sandbox is designed for testing Fleet features only.<br>
-        <a href="/docs/deploying">Click here</a> for production-ready deployments.
+        <a href="/deploy">Click here</a> for production-ready deployments.
       </p>
       <div class="pt-4">
         <ajax-form :handle-submitting="handleSubmittingRegisterForm" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules" @submitted="submittedRegisterForm()">
diff --git a/website/views/pages/try-fleet/sandbox-login.ejs b/website/views/pages/try-fleet/sandbox-login.ejs
index ddfe648d78..69b1e96df3 100644
--- a/website/views/pages/try-fleet/sandbox-login.ejs
+++ b/website/views/pages/try-fleet/sandbox-login.ejs
@@ -7,7 +7,7 @@
       <h2>Play in Fleet Sandbox</h2>
       <p>
         Fleet Sandbox is designed for testing Fleet features only.<br>
-        <a href="/docs/deploying">Click here</a> for production-ready deployments.
+        <a href="/deploy">Click here</a> for production-ready deployments.
       </p>
       <div class="pt-4">
         <ajax-form action="login" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules" @submitted="submittedLoginForm()" >