From a2d8a15a2b509ef164f743225d19eb81b5f13f12 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 21 Apr 2023 12:47:12 -0500
Subject: [PATCH] Website: update default pricing switch position (#11268)

closes: #11264

Changes:
- Swapped the position of the "Security" and "IT" options of the switch
on the pricing page.
---
 website/assets/styles/pages/pricing.less | 2 +-
 website/views/pages/pricing.ejs          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/assets/styles/pages/pricing.less b/website/assets/styles/pages/pricing.less
index b193735f14..20a3a93feb 100644
--- a/website/assets/styles/pages/pricing.less
+++ b/website/assets/styles/pages/pricing.less
@@ -68,7 +68,7 @@
       z-index: 3;
       user-select: none;
     }
-    .it-selected {
+    .security-selected {
       transform: translateX(140px);
     }
 
diff --git a/website/views/pages/pricing.ejs b/website/views/pages/pricing.ejs
index 6a37477366..64fd9cec2e 100644
--- a/website/views/pages/pricing.ejs
+++ b/website/views/pages/pricing.ejs
@@ -7,9 +7,9 @@
         </h2>
       </div>
       <div purpose="pricing-switch" class="d-flex flex-row justify-content-center mx-auto mb-5" @click="displaySecurityPricingMode = !displaySecurityPricingMode">
-        <div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
         <div purpose="pricing-switch-option" :class="[!displaySecurityPricingMode ? 'selected' : '']">IT</div>
-        <div purpose="pricing-tier-switch" :class="[!displaySecurityPricingMode ? 'it-selected' : '']"></div>
+        <div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
+        <div purpose="pricing-tier-switch" :class="[displaySecurityPricingMode ? 'security-selected' : '']"></div>
       </div>
       <h4 class="pb-4 mb-4 text-center" v-if="displaySecurityPricingMode">Always cross-platform, always secure. You will always have control over read/write privileges.</h4>
       <h4 class="pb-4 mb-4 text-center" v-else>You will always have control over your machines regardless of platform.</h4>