More styling changes for lesion table (alternating row colors and match hover color of worklist

LesionTracker/client/components/viewer.css

@@ -6,7 +6,8 @@
     background-color: black;
 }
 
-#upperHalf {
-    height: 75%;
-    width: 100%;
+#viewportAndLesionTable {
+    height: 100%;
+    width: calc(100% - 120px);
+    float: right;
 }

LesionTracker/client/components/viewer.html

@@ -1,10 +1,10 @@
 <template name="viewer">
     <div id="viewer" class="viewer">
         {{ >lesionDialog }}
-        <div id="upperHalf">
-            {{ >hidingPanel }}
+        {{ >hidingPanel }}
+        <div id="viewportAndLesionTable">
             {{ >viewerMain }}
+            {{ >lesionTable }}
         </div>
-        {{ >lesionTable }}
     </div>
 </template>

LesionTracker/client/components/viewerMain/viewerMain.styl

@@ -1,4 +1,4 @@
 .viewerMain
-  width: calc(100% - 120px)
-  height: 100%
+  width: 100%
+  height: 75%
   float: left

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -27,16 +27,21 @@ table.lesionTable > tbody > tr > td {
     line-height: 10px;
 }
 
-table.lesionTable tbody tr:hover{
-    background-color: #d1d1d1;
-}
-
 table.lesionTable tbody tr{
     background-color: #b3b3b3;
     color: #424242;
     line-height: 14px;
 }
 
+table.lesionTable tbody tr.lesionTableRow:nth-child(even) {background: #CCC}
+table.lesionTable tbody tr.lesionTableRow:nth-child(odd) {background: #DDD}
+
+table.lesionTable tbody tr.lesionTableRow:hover{
+        background-color: #009BD2
+        color: white
+}
+
+
 th#thNumber {
     width: 4%;
 }

Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html

@@ -1,5 +1,5 @@
 <template name="lesionTableRow">
-    <tr>
+    <tr class="lesionTableRow">
         <td class='lesionNumber'>{{lesionData.lesionNumber}}</td>
         <td class='location'>{{lesionData.location}}</td>
         <td class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</td>