Added new styles for tutorials

static/css/application.css

@@ -466,8 +466,7 @@ a:visited {
 a:link, a:visited {
   text-decoration: none; }
 p a, li > a, span > a, a .inline {
-  border-bottom: 1px solid #bbb;
-  font-style: italic; }
+  border-bottom: 1px solid #bbb; }
 a:hover, a:focus {
   color: #000; }
 
@@ -2780,9 +2779,29 @@ div.course-wrapper section.course-content ol.vert-mod > li:last-child {
 div.course-wrapper section.course-content ol.vert-mod > li ul {
   list-style: disc outside none;
   padding-left: 1em; }
+div.course-wrapper section.course-content section.tutorials h2 {
+  padding-bottom: 5.663px;
+  margin-bottom: 22.652px;
+  border-bottom: 1px solid #e3e3e3; }
 div.course-wrapper section.course-content section.tutorials ul {
-  list-style: disc outside none;
-  margin-left: 22.652px; }
+  margin: 0;
+  zoom: 1; }
+div.course-wrapper section.course-content section.tutorials ul:before, div.course-wrapper section.course-content section.tutorials ul:after {
+  content: "";
+  display: table; }
+div.course-wrapper section.course-content section.tutorials ul:after {
+  clear: both; }
+div.course-wrapper section.course-content section.tutorials ul li {
+  width: 31.522%;
+  float: left;
+  margin-right: 2.717%;
+  margin-bottom: 22.652px; }
+div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n) {
+  margin-right: 0; }
+div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n+1) {
+  clear: both; }
+div.course-wrapper section.course-content section.tutorials ul li a {
+  font-weight: bold; }
 div.course-wrapper section.course-content div.staff_info {
   zoom: 1;
   white-space: pre-wrap;

templates/sass/base/_base.scss

@@ -63,7 +63,7 @@ a {
 
   p &, li > &, span > &, .inline {
     border-bottom: 1px solid #bbb;
-    font-style: italic;
+    // font-style: italic;
   }
 
   &:hover, &:focus {

templates/sass/courseware/_courseware.scss

@@ -183,9 +183,33 @@ div.course-wrapper {
     }
 
     section.tutorials {
+      h2 {
+        padding-bottom: lh(.25);
+        margin-bottom: lh();
+        border-bottom: 1px solid #e3e3e3;
+      }
       ul {
-        list-style: disc outside none;
-        margin-left: lh();
+        margin: 0;
+        @include clearfix();
+
+        li {
+          width: flex-grid(3, 9);
+          float: left;
+          margin-right: flex-gutter(9);
+          margin-bottom: lh();
+
+          &:nth-child(3n) {
+            margin-right: 0;
+          }
+
+          &:nth-child(3n+1) {
+            clear: both;
+          }
+
+          a {
+            font-weight: bold;
+          }
+        }
       }
     }