responsive fixes

community/www/courses/course.html

@@ -92,23 +92,31 @@
     {{ widgets.CourseOutline(course=course, membership=membership) }}
   </div>
   <div class="course-creator-progress-parent">
-    <div class="course-home-headings">
-      Creator
+    <div class="course-creator-section">
+      <div class="course-home-headings">
+        Creator
+      </div>
+      {{ widgets.MemberCard(member=course.get_instructor(), show_course_count=True, dimension_class="member-card-large") }}
     </div>
-    {{ widgets.MemberCard(member=course.get_instructor(), show_course_count=True, dimension_class="member-card-large") }}
     {% if course.get_course_progress() %}
-    <div class="course-home-headings">
-      Your Progress
-    </div>
-    <div class="common-card-style progress-card">
-      <p class="small-title">
-        Great work so far!
-      </p>
-      <p class="progress-text">
-        Challenge yourself to complete the lesson and grow professionally.
-      </p>
-      <div class="progress">
-        <div class="progress-bar" role="progressbar" style="width: {{ course.get_course_progress() }}%" aria-valuenow="{{ course.get_course_progress() }}" aria-valuemin="0" aria-valuemax="100"></div>
+    <div class="course-progress-section">
+      <div class="course-home-headings">
+        Your Progress
+      </div>
+      <div class="common-card-style progress-card">
+        <p class="small-title">
+          Great work so far!
+        </p>
+        <p class="progress-text">
+          Challenge yourself to complete the lessons and grow professionally.
+        </p>
+        <div class="progress-percentage">
+          {{ frappe.utils.rounded(course.get_course_progress()) }}%
+        </div>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" style="width: {{ course.get_course_progress() }}%"
+            aria-valuenow="{{ course.get_course_progress() }}" aria-valuemin="0" aria-valuemax="100"></div>
+        </div>
       </div>
     </div>
     {% endif %}
@@ -129,10 +137,10 @@
     {{ widgets.MemberCard(member=mentor, show_course_count=False, dimension_class="member-card-medium") }}
     {% endfor %}
     <div class="view-all-mentors">
-      <span class="card-divider flex-one"></span>
+      <span class="card-divider-dark flex-one"></span>
       <span class="course-instructor"><span class="all-mentors-text">View all mentors</span> <img class="mentor-icon"
           src="/assets/community/icons/down-arrow.svg" /></span>
-      <span class="card-divider flex-one"></span>
+      <span class="card-divider-dark flex-one"></span>
     </div>
   </div>
 </div>
@@ -143,7 +151,7 @@
 
 {% macro CourseDescriptionAndOverview(course) %}
 <div class="course-outline-instructor-parent">
-  <div>
+  <div class="course-description-section">
     <div class="course-home-headings">
       Course Description
     </div>
@@ -153,7 +161,7 @@
   </div>
   {% set avg_rating = course.get_average_rating() %}
   {% if course.get_students() | length or avg_rating %}
-  <div>
+  <div class="course-overview-section">
     <div class="course-home-headings">
       Overview
     </div>

community/www/profiles/profile.html

@@ -7,7 +7,6 @@
 {% block content %}
 <div class="common-page-style">
   <div class="course-home-page">
-    {{ widgets.BreadCrumb(member_name = member.full_name)}}
     {{ widgets.MemberCard(member=member, show_course_count=True, dimension_class="member-card-xl") }}
     {{ AboutOverviewSection(member) }}
     <div class="profile-courses">
@@ -23,7 +22,7 @@
 {% macro AboutOverviewSection(member) %}
 <div class="course-outline-instructor-parent">
   {% if member.bio %}
-  <div>
+  <div class="course-overview-section">
     <div class="course-home-headings">
       About
     </div>
@@ -32,7 +31,7 @@
     </div>
   </div>
   {% endif %}
-  <div>
+  <div class="course-overview-section">
     <div class="course-home-headings">
       Overview
     </div>