fix: TIA-60: H2 tag converted into H1 for specific pages

Author: Zubair Shakoor

lms/static/sass/course/base/_extends.scss

@@ -19,6 +19,10 @@ h1.top-header {
   padding-bottom: lh();
 }
 
+h1.instructor-dashboard-title {
+  border-bottom: none !important;
+}
+
 .button-reset {
   text-transform: none;
   letter-spacing: 0;

lms/templates/components/header/header.underscore

@@ -9,7 +9,7 @@
             <% }) %>
             </nav>
         <% } %>
-        <h2 class="hd hd-2 page-title"><%- title %></h2>
+        <h1 class="hd hd-2 page-title"><%- title %></h1>
         <p class="page-description"><%- description %></p>
     </div>
     <div class="page-header-secondary"></div>

lms/templates/instructor/instructor_dashboard_2/instructor_dashboard_2.html

@@ -114,7 +114,7 @@
   <div class="instructor-dashboard-wrapper-2">
         <main id="main" aria-label="Content" tabindex="-1">
         <section class="instructor-dashboard-content-2" id="instructor-dashboard-content">
-          <h2 class="hd hd-2 instructor-dashboard-title">${_("Instructor Dashboard")}</h2>
+          <h1 class="hd hd-2 instructor-dashboard-title">${_("Instructor Dashboard")}</h1>
           <div class="wrap-instructor-info studio-view">
             %if studio_url:
             <a class="instructor-info-action" href="${studio_url}">${_("View Course in Studio")}</a>