From 32a90db9524436fb15e0b151d9a347b0e1d24dcb Mon Sep 17 00:00:00 2001
From: boggs <hello@boggs.xyz>
Date: Thu, 21 Oct 2021 20:53:17 +0800
Subject: [PATCH] Change "PLAY VIDEO" and "PAUSE VIDEO" to normal case, use
 text-transform to transform them to uppercase

---
 .../templates/fragments/hero/hardcoded_video_hero.html        | 4 ++--
 source/sass/mozfest.scss                                      | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html b/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
index 01fa5645e6d..3ddf892f1eb 100644
--- a/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
+++ b/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
@@ -14,10 +14,10 @@
         <div class="row">
           <div class="col-12">
             <button class="btn btn-video-control btn-pause btn-secondary d-none">
-              <span>{% trans "PAUSE VIDEO" context "Pause button for video" %}</span>
+              <span>{% trans "Pause video" context "Pause button for video" %}</span>
             </button>
             <button class="btn btn-video-control btn-play btn-secondary d-none">
-              <span>{% trans "PLAY VIDEO" context "Play button for video" %}</span>
+              <span>{% trans "Play video" context "Play button for video" %}</span>
             </button>
           </div>
         </div>
diff --git a/source/sass/mozfest.scss b/source/sass/mozfest.scss
index 9038b3bea91..0c2efe735e9 100644
--- a/source/sass/mozfest.scss
+++ b/source/sass/mozfest.scss
@@ -54,6 +54,7 @@ body.mozfest {
           height: $icon-size;
           background: center left/$icon-size $icon-size no-repeat transparent;
           padding-left: calc(#{$icon-size} + 0.5rem);
+          text-transform: uppercase;
           // due to a Safari bug, we have to remove transition for these buttons
           // so background SVGs don't get resized on hover
           transition: none;