make "MITx Online" mixed case (#5391)

* make "MITx Online" mixed case see mitodl/hq#3936 (comment) * Making hero buttons consistent * test --------- Co-authored-by: Anna <[email protected]>
mitodl · May 20, 2024 · 3b243bd · 3b243bd
1 parent 57a5dd1
commit 3b243bd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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)