Update Course Date Links to be buttons

lms/djangoapps/courseware/date_summary.py

@@ -430,7 +430,7 @@ class CourseAssignmentDate(DateSummary):
         """ Used to set the title_html and title properties for the assignment date block """
         if link:
             self.assignment_title_html = HTML(
-                '<a href="{assignment_link}">{assignment_title}</a>'
+                '<a href="{assignment_link}" class="btn btn-outline-primary">{assignment_title}</a>'
             ).format(assignment_link=link, assignment_title=title)
         self.assignment_title = title
 

lms/static/sass/features/_course-experience.scss

@@ -482,9 +482,9 @@
 
       .date-summary-link {
         font-weight: $font-semibold;
+        padding-top: 12px;
 
         a {
-          color: $link-color;
           font-size: 0.9rem;
         }
       }
@@ -498,10 +498,10 @@
 }
 
 .dates-tab-link {
-  padding: 16px 0 0 24px;
+  padding: 12px 0 0 24px;
 
   a {
-    font-weight: bold;
+    font-size: 0.9rem;
   }
 }
 

openedx/features/course_experience/templates/course_experience/course-dates-fragment.html

@@ -15,7 +15,7 @@ from django.utils.translation import ugettext as _
     % endfor
     % if dates_tab_enabled:
         <div class="dates-tab-link">
-            <a href="${dates_tab_link}">View all course dates</a>
+            <a class="btn btn-outline-primary" href="${dates_tab_link}">View all course dates</a>
         </div>
     % endif
 % endif

openedx/features/course_experience/templates/course_experience/dates-summary.html

@@ -26,7 +26,7 @@ from django.utils.translation import ugettext as _
             % endif
             % if course_date.link and course_date.link_text:
                 <div class="date-summary-link">
-                    <a id="course_home_dates" href="${course_date.link}">${course_date.link_text}</a>
+                    <a id="course_home_dates" class="btn btn-outline-primary" href="${course_date.link}">${course_date.link_text}</a>
                 </div>
             % endif
         </div>