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]>

Author: pdpinch

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?

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) {

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)