style courses listing and fix grid list

views/courses.pug

@@ -9,15 +9,15 @@ block content
         h2.layout-sidebar__sidebar-title Categories
       .layout-sidebar__sidebar-content
         .sidebar-menu
-          ul
-            li
-              a.active(href=`/courses`) All courses
+          ul.sidebar-menu__list
+            li.sidebar-menu__item
+              a.sidebar-menu__link.active(href=`/courses`) All courses
             each category in categories
-              li
-                a(href=`/courses/categories/${category.sys.id}${queryString}`) #{category.fields.title}
+              li.sidebar-menu__item
+                a.sidebar-menu__link(href=`/courses/categories/${category.sys.id}${queryString}`) #{category.fields.title}
     section.layout-sidebar__content
       h1= title
-      .courses.grid-list-small
+      .courses.grid-list
         each course in courses
-          .grid-list-small__item
+          .grid-list__item
             +courseCard(course)

views/mixins/_courseCard.pug

@@ -5,8 +5,7 @@ mixin courseCard(course = {fields: {title: '', description: '', categories: [],
         each category in course.fields.categories
           a.course-card__category(href=`/courses/categories/${category.sys.id}${queryString}`) #{category.fields.title}
     h2.course-card__title= course.fields.title
-    .course-card__description-wrapper
-      p !{helpers.markdown(course.fields.shortDescription)}
+    p.course-card__description= course.fields.shortDescription
     .course-card__link-wrapper
       a.course-card__link(href=`/courses/${course.fields.slug}${queryString}`) view course