Set background color of selected row in lesion table

Packages/lesiontracker/components/lesionTable/lesionTable.js

@@ -211,6 +211,10 @@ Template.lesionTable.events({
     'click table#tblLesion tbody tr': function(e, template) {
         // Retrieve the lesion id from the DOM data for this row
         var measurementId = $(e.currentTarget).data('measurementid');
+
+        // Set background color of selected row
+        $(e.currentTarget).addClass("selectedRow").siblings().removeClass("selectedRow");
+
         activateLesion(measurementId,template.data);
     }
 });

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -22,11 +22,12 @@
 
     thead
       width: 100%
-      height: 25px
+      height: 40px
       display: block
 
       tr
         width: 100%
+        height: 40px
 
         th
           border-bottom-width: 0
@@ -37,18 +38,23 @@
           margin: 0
           padding: 5px
           background-color: #424242
-
+          vertical-align: middle
 
     tbody
       display: block
       position: absolute
-      top: 25px
+      top: 40px
       left: 0
       right: 0
       bottom: 0
       overflow: auto
       width: 100%
 
+
+      tr.selectedRow
+        background: #F5F5F5 !important
+        color: black !important
+
       tr.lesionTableRow
         width: 100%