style fixes

diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css
index ffec8907d5d8d047149ac66e00b496d79f2cc87a..6f8fc21200346224c99230bf332a2d8eeb01816a 100644 (file)
--- a/karmaworld/assets/css/course_list_table.css
+++ b/karmaworld/assets/css/course_list_table.css
@@ -38,34 +38,66 @@ th.instructor-name {
 /***************
 Table Data 
 ***************/
-table#course_list td
-{
+table#course_list {
+  /*border-collapse: collapse;*/
+}
+
+tr.course-row {
+  border-color: white;
+  border-style: dotted none; 
+  border-width: 2px;
+}
+
+tr.course-row:hover {
+  border-color: gray;
+  border-style: dotted none; 
+}
+
+table#course_list td {
   font-family: "MuseoSlab-700";
-  font-size: 12px;
+  font-size: 18px;
   float:left;
 }
 
+table#course_list tbody tr td.slim {
+  font-family: "MuseoSlab-500";
+  font-size: 12px;
+}
+
 table#course_list tr:nth-child(even)
 {
   /*background: url(../img/dashboard_activity_alt_on_bg.gif);*/
 }
 
+/* underline all linksin the table body */
+table#course_list tbody td a {
+  text-decoration: underline;
+}
+
+/* rows of course data */
+table#course_list tbody tr {
+  height: 100px;
+  width: 840px;
+}
+
 td.date {
-  width: 40%;
+  font-size: 12px; 
+  width: 200px;
 }
 
 td.note-count {
-  width: 60%;
+  font-size: 12px;
+  width: 600px; /* 100% minus td.date width -- make sure the next line wraps */
 }
 
 td.school-name {
-  width:40%;
+  width:200px; /* make this the same as td.date -- line up the artificial columns */
 }
 
 td.course-name {
-  width:30%;
+  width:400px;
 }
 
 td.instructor-name {
-  width:30%;
+  width:200px;
 }

diff --git a/karmaworld/assets/css/datatables-css/jquery.dataTables.css b/karmaworld/assets/css/datatables-css/jquery.dataTables.css
index 1c3dd61bcce70021179e23b35b7bc5db4236ab68..e26f67ad85828fb9177efe79d1109e6ad745bda6 100644 (file)
--- a/karmaworld/assets/css/datatables-css/jquery.dataTables.css
+++ b/karmaworld/assets/css/datatables-css/jquery.dataTables.css
@@ -11,7 +11,6 @@ table.dataTable {
 table.dataTable thead th {
        padding: 3px 18px 3px 10px;
        border-bottom: 1px solid black;
-       font-weight: bold;
        cursor: pointer;
        *cursor: hand;
 }

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 8fc55d49bb3e969898f63a74b912be7e7dbd235e..1e9fd6962bcefb879ea32253cc8c1dad3c39fd4c 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -92,8 +92,8 @@ $('.dataTables_filter input').attr("placeholder", "Search for a class");
         <tbody>
         {% for course in object_list %}
           <tr>
-            <td class="date">             Updated on {{ course.updated_at|date:"M d o" }} </td>
-            <td class="note-count">       {{ course.file_count }} </td>
+            <td class="date slim">        Updated on {{ course.updated_at|date:"M d o" }} </td>
+            <td class="note-count slim">  {{ course.file_count }} </td>
             <td class="school-name">      {{ course.school.name }} </td>
             <td class="course-name">      <a href="{{ course.get_absolute_url }}">{{ course.name }}</a> </td>
             <td class="instructor-name">  {{ course.instructor_name }} </td>