style: overview card

school/patches.txt

@@ -18,5 +18,5 @@ execute:frappe.delete_doc("DocType", "Lessons") #06-10-2021
 execute:frappe.delete_doc("DocType", "Chapter") #06-10-2021
 execute:frappe.delete_doc("DocType", "Lesson") #06-10-2021
 execute:frappe.delete_doc("DocType", "LMS Topic") #06-10-2021
-community.patches.v0_0.add_progress_to_membership #20-10-2021
+school.patches.v0_0.add_progress_to_membership #20-10-2021
 execute:frappe.delete_doc("Workspace", "LMS", ignore_missing=True, force=True) #24-10-2021

school/public/css/style.css

@@ -246,6 +246,10 @@ input[type=checkbox] {
   margin-left: 10px;
 }
 
+.overview-item {
+  display: flex;
+}
+
 .reviews-section {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
@@ -613,7 +617,7 @@ input[type=checkbox] {
 }
 
 .lesson-links {
-  display: block;
+  display: flex;
   padding: 0 1rem;
   margin-bottom: .25rem;
   color: inherit;

school/www/courses/course.html

@@ -193,13 +193,13 @@
     </div>
     <div class="common-card-style overview-card small-title">
       {% if course.get_students() | length %}
-      <div class="overtime-item">
+      <div class="overview-item">
         <img class="icon-background mr-1" src="/assets/school/icons/user.svg" />
         {{ course.get_students() | length }} Enrolled
       </div>
       {% endif %}
       {% if avg_rating %}
-      <div class="overtime-item">
+      <div class="overview-item">
         <img class="icon-background mr-1" src="/assets/school/icons/rating.svg" />
         {{ frappe.utils.flt(avg_rating, frappe.get_system_settings("float_precision") or 3) }} Rating
       </div>

school/www/profiles/profile.html

@@ -82,19 +82,19 @@
     </div>
     <div class="common-card-style overview-card small-title">
       {% if enrollment %}
-      <div class="overtime-item">
+      <div class="overview-item">
         <img class="icon-background mr-1" src="/assets/school/icons/user.svg" />
         {{ enrollment }} Enrolled
       </div>
       {% endif %}
       {% if reviews %}
-      <div class="overtime-item">
+      <div class="overview-item">
         <img class="icon-background mr-1" src="/assets/school/icons/rating.svg" />
         {{ reviews }} Created
       </div>
       {% endif %}
       {% if mentorship %}
-      <div class="overtime-item">
+      <div class="overview-item">
         <img class="icon-background mr-1" src="/assets/school/icons/calendar.svg" />
         {{ mentorship }} Mentored
       </div>