fix: links and breadcrumbs

community/lms/widgets/BreadCrumb.html

@@ -0,0 +1,13 @@
+<div class="course-instructor breadcrumb">
+  <a class="dark-links" href="/courses">All Courses</a>
+  <img class="ml-1 mr-1" src="/assets/community/icons/side-arrow.svg">
+
+  {% if lesson %}
+  <a class="dark-links" href="/courses/{{ course.name }}">{{ course.title }}</a>
+  <img class="ml-1 mr-1" src="/assets/community/icons/side-arrow.svg">
+  <span class="muted-text"> {{ lesson.title }}</span>
+  {% else %}
+  <span class="muted-text">{{ course.title }}</span>
+  {% endif %}
+
+</div>

community/public/css/style.css

@@ -899,6 +899,10 @@ div.custom-checkbox>label>input:checked+img {
   color: inherit;
 }
 
-.breadcrum {
+.dark-links:hover {
+  color: inherit;
+}
+
+.breadcrumb {
   margin: 16px 10px 16px;
 }

community/www/batch/learn.html

@@ -20,7 +20,11 @@
 
 
 {% block content %}
+<div class="common-page-style">
+  <div>
 
+  </div>
+</div>
 <div class="container">
   {{ widgets.BatchTabs(course=course, membership=membership) }}
   <div class="lesson-page">

community/www/courses/course.html

@@ -10,7 +10,7 @@
 {% block content %}
 <div class="common-page-style">
   <div class="course-home-page">
-    {{ BreadCrum(course) }}
+    {{ widgets.BreadCrumb(course=course) }}
     {{ CourseCardWide(course) }}
     {{ CourseOutlineAndCreator(course) }}
     {{ Mentors(course) }}
@@ -20,12 +20,6 @@
 </div>
 {% endblock %}
 
-{% macro BreadCrum(course) %}
-<div class="course-instructor breadcrum">
-  <a class="dark-links" href="/courses">All Courses</a> > <span class="muted-text">{{ course.title }}</span>
-</div>
-{% endmacro %}
-
 <!-- Course Card -->
 
 {% macro CourseCardWide(course) %}