From 3b243bd651593cc1275aca801c836b6a612d8c99 Mon Sep 17 00:00:00 2001
From: Peter Pinch <pdpinch+github@hawklake.com>
Date: Mon, 20 May 2024 14:24:48 -0400
Subject: [PATCH] make "MITx Online" mixed case (#5391)

* make "MITx Online" mixed case

see https://github.com/mitodl/hq/issues/3936#issuecomment-2103361040

* Making hero buttons consistent

* test

---------

Co-authored-by: Anna <annagav@mit.edu>
---
 cms/templates/cms/program_page.html | 6 +++---
 static/scss/_button.scss            | 1 +
 ui/views_test.py                    | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/cms/templates/cms/program_page.html b/cms/templates/cms/program_page.html
index 9b368faf3b..80e9349a4a 100644
--- a/cms/templates/cms/program_page.html
+++ b/cms/templates/cms/program_page.html
@@ -61,16 +61,16 @@ <h1 class="title">
         {% if page.program_subscribe_link %}
             <a class="mdl-button hero-button"
                   href="{{ page.program_subscribe_link }}"
-                  target="blank">Learn More</a>
+                  target="blank">LEARN MORE</a>
         {% else %}
             {% if page.program.id == 2 %}
                 <a href="https://mitxonline.mit.edu/create-account/" class="mdl-button hero-button mdl-cell--hide-phone">
-                  Enroll on MITx Online
+                  ENROLL ON MITx ONLINE
                 </a>
             {% else %}
               {% if not authenticated %}
                 <a href="{% url 'signin' %}?program={{page.program.id}}" class="mdl-button hero-button mdl-cell--hide-phone">
-                  Create Account {{page.program.id}}
+                  CREATE ACCOUNT
                 </a>
                 <div class="log-in mdl-cell--hide-phone">
                   Already a Member?
diff --git a/static/scss/_button.scss b/static/scss/_button.scss
index 29996a177e..9118c2466e 100644
--- a/static/scss/_button.scss
+++ b/static/scss/_button.scss
@@ -49,6 +49,7 @@
     margin: 0 0 20px 0;
     font-size: 16px;
     font-weight: 300;
+    text-transform: none;
   }
 
   &.hero-button:hover, &.hero-button:focus, &.hero-button:active, &.hero-button:focus:not(:active) {
diff --git a/ui/views_test.py b/ui/views_test.py
index a8fc5bcdbe..835880e49c 100644
--- a/ui/views_test.py
+++ b/ui/views_test.py
@@ -678,7 +678,7 @@ def test_no_courses(self):
         self.assertIn("program", js_settings)
         self.assertIn("courses", js_settings["program"])
         self.assertEqual(len(js_settings["program"]["courses"]), 0)
-        self.assertContains(response, "Learn More")
+        self.assertContains(response, "LEARN MORE")
         self.assertContains(response, program_subscribe_link)