From 92132800ca40f2dfcd788bd950100002c09a95ba Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Thu, 1 Feb 2024 00:34:56 +0900
Subject: [PATCH] Update CTA text "View source code" > "Try it out" (#16488)

Update CTA text "View source code" > "Try it out"

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
---
 website/assets/styles/pages/device-management.less | 8 ++++----
 website/views/pages/device-management.ejs          | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less
index 50b5787d15..7268fdf677 100644
--- a/website/assets/styles/pages/device-management.less
+++ b/website/assets/styles/pages/device-management.less
@@ -136,11 +136,11 @@
   }
   [purpose='animated-arrow-button-red'] {
     display: inline;
-    padding-right: 40px;
+    padding-right: 34px;
     cursor: pointer;
     position: relative;
     width: fit-content;
-    min-width: 125px;
+    min-width: auto;
     font-weight: bold;
     user-select: none;
     transition: 0.2s ease-in-out;
@@ -155,7 +155,7 @@
     transform: scale(0.5);
     position: absolute;
     top: -5px;
-    left: 80%; // <--- here
+    right: -5px; // <--- here
     transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
@@ -164,7 +164,7 @@
     /*   opacity: 0; */
     }
     &:hover:after {
-    left: 82%; // <--- here
+    right: -10px; // <--- here
     transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs
index 8901facebd..f1b27f1441 100644
--- a/website/views/pages/device-management.ejs
+++ b/website/views/pages/device-management.ejs
@@ -19,7 +19,7 @@
             <p>Use Fleet to enforce conditional access checking at login. (It's pretty easy to customize whatever you need.)</p>
             <div purpose="button-row" class="d-flex flex-md-row flex-column justify-content-start align-items-center">
               <a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
-              <a purpose="animated-arrow-button-red" href="/pricing">View source code</a>
+              <a purpose="animated-arrow-button-red" href="/pricing">Try it out</a>
             </div>
           </div>
         </div>
@@ -205,7 +205,7 @@
         <h2>Manage everything in one place</h2>
         <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
           <a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
-          <a purpose="animated-arrow-button-red" href="/pricing">View source code</a>
+          <a purpose="animated-arrow-button-red" href="/pricing">Try it out</a>
         </div>
       </div>
     </div>