fix: course certificate price display

lms/www/courses/course.html

@@ -28,7 +28,7 @@
 
 {% macro CourseHomeHeader(course) %}
 <div class="course-head-container">
-  <div class="container pt-10 pb-10">
+  <div class="container pt-8 pb-10">
     <div class="course-card-wide">
       {{ BreadCrumb(course) }}
       {{ CourseCardWide(course) }}
@@ -48,45 +48,41 @@
 <!-- Course Card -->
 
 {% macro CourseCardWide(course) %}
+<div class="d-flex align-items-center mt-8">
+    {% for tag in get_tags(course.name) %}
+    <div class="course-card-pills">{{ tag }}</div>
+    {% endfor %}
+</div>
+<div class="course-card-wide-title">
+    {{ course.title }}
+</div>
 <div class="">
-    <div class="d-flex align-items-center mt-10">
-        {% for tag in get_tags(course.name) %}
-        <div class="course-card-pills">{{ tag }}</div>
-        {% endfor %}
-    </div>
-    <div class="course-card-wide-title">
-        {{ course.title }}
-    </div>
-    <div class="">
-        {{ course.short_introduction }}
-    </div>
-
-    <div class="mt-10">
-        <div class="bold-heading">Instructors:</div>
-        {% for instructor in get_instructors(course.name) %}
-        <div class="mt-1">
-        {{ widgets.Avatar(member=instructor, avatar_class="avatar-small") }}
-            <a class="button-links" href="{{ get_profile_url(instructor.username) }}">
-            <span class="course-instructor"> {{ instructor.full_name }} </span>
-            </a>
-        </div>
-        {% endfor %}
-    </div>
-
-    {% if membership %}
-    {% set progress = frappe.utils.cint(membership.progress) %}
-    <div class="mt-10">
-        <div class="progress-percent m-0">{{ progress }}% Completed</div>
-        <div class="progress" title="{{ progress }}% Completed">
-            <div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}"
-            aria-valuemin="0" aria-valuemax="100" style="width:{{ progress }}%">
-            </div>
-        </div>
-    </div>
-    {% endif %}
-
+    {{ course.short_introduction }}
 </div>
 
+<div class="mt-8">
+    <div class="bold-heading">Instructors:</div>
+    {% for instructor in get_instructors(course.name) %}
+    <div class="mt-1">
+    {{ widgets.Avatar(member=instructor, avatar_class="avatar-small") }}
+        <a class="button-links" href="{{ get_profile_url(instructor.username) }}">
+        <span class="course-instructor"> {{ instructor.full_name }} </span>
+        </a>
+    </div>
+    {% endfor %}
+</div>
+
+{% if membership %}
+{% set progress = frappe.utils.cint(membership.progress) %}
+<div class="mt-8">
+    <div class="progress-percent m-0">{{ progress }}% Completed</div>
+    <div class="progress" title="{{ progress }}% Completed">
+        <div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}"
+        aria-valuemin="0" aria-valuemax="100" style="width:{{ progress }}%">
+        </div>
+    </div>
+</div>
+{% endif %}
 {% endmacro%}
 
 {% macro CourseHeaderOverlay(course) %}
@@ -132,16 +128,15 @@
     </div>
     {% endif %}
 
-    <div class="mb-3">
+    <div class="vertically-center mb-3">
         <svg class="icon icon-md mr-1">
           <use class="" href="#icon-users">
         </svg>
         {{ get_students(course.name) | length }} {{ _("Enrolled") }}
     </div>
 
-
     {% if get_lessons(course.name) | length %}
-    <div class="mb-3">
+    <div class="vertically-center mb-3">
         <svg class="icon icon-md mr-1">
             <use href="#icon-education"></use>
         </svg>
@@ -150,8 +145,14 @@
     {% endif %}
 
     {% if course.paid_certificate %}
-    <div class="certificate-price" data-price="{{ course.price_certificate }}">
-        {{ _("Certificate Price:") }} {{ format_amount(course.price_certificate, course.currency) }}
+    <div class="vertically-center mb-3">
+        <svg class="icon icon-md mr-1">
+            <use href="#icon-badge"></use>
+        </svg>
+        <span class="certificate-price" data-price="{{ course.price_certificate }}">
+            {{ format_amount(course.price_certificate, course.currency) }}
+        </span>
+        <span class="indicator-pill green ml-3"> {{ _("Get Certified") }} </span>
     </div>
     {% endif %}
 

lms/www/courses/index.html

@@ -1,8 +1,7 @@
 {% extends "templates/base.html" %}
 {% block title %}{{ 'Courses' }}{% endblock %}
 {% block head_include %}
-<style>
-</style>
+{% include "public/icons/symbol-defs.svg" %}
 {% endblock %}
 
 {% block content %}