From 9405a2811757d5093f972559a4851576f6c3db7d Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 7 Dec 2022 01:39:19 +0700
Subject: [PATCH 1/2] cta update

---
 .../fakeyou.com/src/scss/site-refresh.scss    |  9 +++++++
 .../SessionTtsInferenceResultsListFc.tsx      | 24 ++++++++++++-------
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index b451c71bbc..9185baedca 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -142,6 +142,11 @@ styles with important tags:
     padding: 1.2rem !important;
   }
 
+  .alert-cta {
+    font-weight: 500 !important;
+    font-size: 18px !important;
+  }
+
   .btn {
     border-radius: 5px;
     outline: none;
@@ -632,6 +637,10 @@ input {
   color: $white !important;
 }
 
+.alert-cta {
+  font-size: 18px !important;
+}
+
 @media (min-width: 992px) {
   .fakeyou-refresh {
     .panel {
diff --git a/packages/fakeyou.com/src/v2/view/_common/SessionTtsInferenceResultsListFc.tsx b/packages/fakeyou.com/src/v2/view/_common/SessionTtsInferenceResultsListFc.tsx
index 5fa7078560..527ad4f166 100644
--- a/packages/fakeyou.com/src/v2/view/_common/SessionTtsInferenceResultsListFc.tsx
+++ b/packages/fakeyou.com/src/v2/view/_common/SessionTtsInferenceResultsListFc.tsx
@@ -5,6 +5,7 @@ import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
 import { JobState } from "@storyteller/components/src/jobs/JobStates";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
+  faClock,
   faLink,
   faList,
   faMicrophone,
@@ -127,17 +128,24 @@ function SessionTtsInferenceResultListFc(props: Props) {
   let upgradeNotice = <></>;
 
   // Ask non-premium users to upgrade
-  if (results.length !== 0 && !props.sessionSubscriptionsWrapper.hasPaidFeatures()) {
+  if (
+    results.length !== 0 &&
+    !props.sessionSubscriptionsWrapper.hasPaidFeatures()
+  ) {
     upgradeNotice = (
-      <div className="d-flex flex-column gap-4">
-        <motion.div className="alert alert-warning" variants={sessionItem}>
-          <h4>
-            Don't want to wait? 
-            Step to the front of the line with a <Link to="/pricing" className="alert-link">FakeYou membership</Link>.
-          </h4>
+      <div className="d-flex flex-column gap-4 mx-3 mx-md-0">
+        <motion.div
+          className="alert alert-warning alert-cta"
+          variants={sessionItem}
+        >
+          <FontAwesomeIcon icon={faClock} className="me-3" />
+          Don't want to wait? Step to the front of the line with a{" "}
+          <Link to="/pricing" className="alert-link">
+            <span className="fw-semibold">FakeYou membership</span>.
+          </Link>
         </motion.div>
       </div>
-    )
+    );
   }
 
   // Users have requested reverse chronological results

From b7cd3e892bea56e8e1eb32a60a23df3e03e1f623 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 7 Dec 2022 01:41:42 +0700
Subject: [PATCH 2/2] removed double css

---
 packages/fakeyou.com/src/scss/site-refresh.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index 9185baedca..7a322602c0 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -637,10 +637,6 @@ input {
   color: $white !important;
 }
 
-.alert-cta {
-  font-size: 18px !important;
-}
-
 @media (min-width: 992px) {
   .fakeyou-refresh {
     .panel {