From 98b8eaf27e124cc7392b7e0998b426f0cd0ac8b4 Mon Sep 17 00:00:00 2001
From: Harry Rein <hrein@edx.org>
Date: Wed, 24 Jan 2018 10:01:50 -0500
Subject: [PATCH] Ensuring div and not button inside link tag for a11y.

---
 lms/static/sass/features/_course-sock.scss                  | 6 ++++++
 .../templates/course_experience/course-sock-fragment.html   | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/lms/static/sass/features/_course-sock.scss b/lms/static/sass/features/_course-sock.scss
index 49f6d56c30..170e74b96d 100644
--- a/lms/static/sass/features/_course-sock.scss
+++ b/lms/static/sass/features/_course-sock.scss
@@ -102,6 +102,12 @@
         color: theme-color("inverse");
         background-image: none;
         box-shadow: none;
+        cursor: pointer;
+
+        &:hover {
+          background-color: theme-color("inverse");
+          color: theme-color("success");
+        }
 
         @media (max-width: 960px) {
           & {
diff --git a/openedx/features/course_experience/templates/course_experience/course-sock-fragment.html b/openedx/features/course_experience/templates/course_experience/course-sock-fragment.html
index 26555a01b5..6479d6c48b 100644
--- a/openedx/features/course_experience/templates/course_experience/course-sock-fragment.html
+++ b/openedx/features/course_experience/templates/course_experience/course-sock-fragment.html
@@ -59,9 +59,9 @@ from openedx.features.course_experience import DISPLAY_COURSE_SOCK_FLAG
                 % endif
                 <img class="mini-cert" src="${static.url('course_experience/images/verified-cert.png')}"/>
                 <a href="${upgrade_url}">
-                    <button type="button" class="btn btn-upgrade stuck-top focusable action-upgrade-certificate" data-creative="original_sock" data-position="sock">
+                    <div class="btn btn-upgrade stuck-top focusable action-upgrade-certificate" data-creative="original_sock" data-position="sock">
                         ${Text(_('Upgrade ({course_price})')).format(course_price=HTML(course_price))}
-                    </button>
+                    </div>
                 </a>
             </div>
         </div>