From 4968fc1811a09b5c535123e75cb5b824ae74eb24 Mon Sep 17 00:00:00 2001
From: Rob Lewis <rob.f.lewis@gmail.com>
Date: Fri, 30 Oct 2015 13:17:09 -0400
Subject: [PATCH] More styling changes for lesion table (alternating row colors
 and match hover color of worklist

---
 LesionTracker/client/components/viewer.css          |  7 ++++---
 LesionTracker/client/components/viewer.html         |  6 +++---
 .../client/components/viewerMain/viewerMain.styl    |  4 ++--
 .../components/lesionTable/lesionTable.styl         | 13 +++++++++----
 .../components/lesionTableRow/lesionTableRow.html   |  2 +-
 5 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/LesionTracker/client/components/viewer.css b/LesionTracker/client/components/viewer.css
index 639327462..993a91454 100644
--- a/LesionTracker/client/components/viewer.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/LesionTracker/client/components/viewer.html b/LesionTracker/client/components/viewer.html
index 0bc88f89a..64b20c9ca 100644
--- a/LesionTracker/client/components/viewer.html
+++ b/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>
\ No newline at end of file
diff --git a/LesionTracker/client/components/viewerMain/viewerMain.styl b/LesionTracker/client/components/viewerMain/viewerMain.styl
index 3cabe662f..8fd983b59 100644
--- a/LesionTracker/client/components/viewerMain/viewerMain.styl
+++ b/LesionTracker/client/components/viewerMain/viewerMain.styl
@@ -1,4 +1,4 @@
 .viewerMain
-  width: calc(100% - 120px)
-  height: 100%
+  width: 100%
+  height: 75%
   float: left
\ No newline at end of file
diff --git a/Packages/lesiontracker/components/lesionTable/lesionTable.styl b/Packages/lesiontracker/components/lesionTable/lesionTable.styl
index 90a086bb4..cf74b0144 100644
--- a/Packages/lesiontracker/components/lesionTable/lesionTable.styl
+++ b/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%;
 }
diff --git a/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html b/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
index 4df9362f3..c74128735 100644
--- a/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
+++ b/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>