From efa742dda1a4eb85b0983c002f70b021ef44c6f9 Mon Sep 17 00:00:00 2001
From: Nico Devs <3766839+nicodevs@users.noreply.github.com>
Date: Mon, 21 Jun 2021 10:13:24 -0300
Subject: [PATCH] Update Vue School banner (#2836)

---
 themes/vue/layout/partials/vueschool_banner.ejs | 5 +----
 themes/vue/source/css/_vueschool.styl           | 9 ++++++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/themes/vue/layout/partials/vueschool_banner.ejs b/themes/vue/layout/partials/vueschool_banner.ejs
index 95a3277c0..9f39650e0 100644
--- a/themes/vue/layout/partials/vueschool_banner.ejs
+++ b/themes/vue/layout/partials/vueschool_banner.ejs
@@ -10,10 +10,7 @@
       <img src="/images/banners/vs-backpack.png" alt="Backpack">
     </div>
     <div class="vs-slogan">
-      3-months Vue School for only $49 <span style="text-decoration: line-through">$75</span>!
-      <span class="vs-slogan-light">
-        Limited Time Offer
-      </span>
+      Less than <span class="vs-slogan-light">48 hours</span> left for the Vue School offer
     </div>
     <div class="vs-button">
       GET ACCESS
diff --git a/themes/vue/source/css/_vueschool.styl b/themes/vue/source/css/_vueschool.styl
index 895b9613a..90072df14 100644
--- a/themes/vue/source/css/_vueschool.styl
+++ b/themes/vue/source/css/_vueschool.styl
@@ -113,11 +113,18 @@ body.has-vs-banner
       color: #FFF
       font-weight: bold
       font-size: 14px
+      width: 150px
+      text-align: center
+      margin-left: 40px
+      @media (min-width: 400px)
+        margin-left: 60px
       @media (min-width: 680px)
+        margin-left: 0
+        width: auto
+        text-align: left
         font-size: 18px
       > .vs-slogan-light
         color: #ff5338
-        display: block
         text-align: left
         @media (min-width: 900px)
           text-align: center