From c82ceebda896b0a84aec536333546b3f15779f78 Mon Sep 17 00:00:00 2001
From: Charles Holbrow <charlesholbrow@gmail.com>
Date: Thu, 14 Mar 2013 19:06:13 -0400
Subject: [PATCH] style fixes

---
 karmaworld/assets/css/course_list_table.css   | 48 +++++++++++++++----
 .../css/datatables-css/jquery.dataTables.css  |  1 -
 karmaworld/templates/courses/course_list.html |  4 +-
 3 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css
index ffec890..6f8fc21 100644
--- 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 1c3dd61..e26f67a 100644
--- 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 8fc55d4..1e9fd69 100644
--- 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>
-- 
2.25.1