From e90db4a7c62d686caeb7db885a6b348f0743635a Mon Sep 17 00:00:00 2001
From: Erik Ziegler <erik.sweed@gmail.com>
Date: Wed, 8 Jun 2016 11:49:21 +0200
Subject: [PATCH] Cleanup for the lesion table

---
 .../client/components/lesionTable/lesionTable.js  |  2 +-
 .../components/lesionTable/lesionTable.styl       |  2 +-
 .../lesionTableHeaderRow.styl                     | 13 ++++++++-----
 .../components/lesionTableRow/lesionTableRow.styl | 15 +++++++++++----
 .../lesionTableTimepointHeader.styl               |  2 ++
 5 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/Packages/lesiontracker/client/components/lesionTable/lesionTable.js b/Packages/lesiontracker/client/components/lesionTable/lesionTable.js
index 8fdc0bb6d..afffe1c18 100644
--- a/Packages/lesiontracker/client/components/lesionTable/lesionTable.js
+++ b/Packages/lesiontracker/client/components/lesionTable/lesionTable.js
@@ -69,7 +69,7 @@ Template.lesionTable.onCreated(function() {
     var instance = this;
 
     instance.lesionTableLayout = new ReactiveVar();
-    instance.lesionTableLayout.set('comparisonTimepoints');
+    instance.lesionTableLayout.set('comparison');
 });
 
 Template.lesionTable.onRendered(function() {
diff --git a/Packages/lesiontracker/client/components/lesionTable/lesionTable.styl b/Packages/lesiontracker/client/components/lesionTable/lesionTable.styl
index ff8094569..883ce3f65 100644
--- a/Packages/lesiontracker/client/components/lesionTable/lesionTable.styl
+++ b/Packages/lesiontracker/client/components/lesionTable/lesionTable.styl
@@ -18,6 +18,6 @@
     width: 20px
 
 .lesionTableLayoutChanger
-  padding: 5px
+  padding: 20px
   text-align: center
   margin: 0 auto
diff --git a/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.styl b/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.styl
index 266d67dd5..35a30fc40 100644
--- a/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.styl
+++ b/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.styl
@@ -3,7 +3,8 @@
 $headerRowHeight = 63px
 
 .lesionTableHeaderRow
-  background: $darkUiColor
+  border-top: 2px solid black
+  background: #151a1f
   color: $textSecondaryColor
   fill: $textSecondaryColor
   width: 100%
@@ -19,7 +20,7 @@ $headerRowHeight = 63px
 
   .add
     padding: 0 10px
-    max-width: 20px
+    max-width: 40px
     cursor: pointer
 
     svg
@@ -27,13 +28,16 @@ $headerRowHeight = 63px
       max-width: 11px
 
   .type
-    cursor: pointer
-    font-weight: 200
+    padding: 0 10px
+    text-align: left
+    font-weight: 300
+    color: #91b9cd
     height: $headerRowHeight
     font-size: 13pt
 
   .numberOfLesions
     float: right
+    color:  #6fbde2
     font-weight: 100
     font-size: 40px
     max-width: 30px
@@ -43,7 +47,6 @@ $headerRowHeight = 63px
 
   .max
     height: $headerRowHeight
-    background: $darkUiColor
 
     .maxNumLesions
       margin: 21px auto
diff --git a/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl b/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl
index c736068ac..a82fcc72f 100644
--- a/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl
+++ b/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl
@@ -2,16 +2,19 @@
 
 .lesionTableRow
   display: flex
+  border-top: 2px solid black
+  height: 63px
   width: 100%
 
   .lesionRowSidebar
     flex: 1
     color: $textSecondaryColor
     background: $darkUiColor
-    max-width: 20px
-    height: 60px
+    max-width: 30px
 
     .lesionNumber
+      text-align: center
+      font-weight: 200
       padding: 3px
 
     &.active
@@ -19,13 +22,16 @@
 
   .lesionDetails
     flex: 1
+    padding-left: 20px
+    padding-top: 5px
     display: flex
     flex-direction: column
     align-items: stretch
 
     .location
       flex: 1
-      text-align: center
+      font-weight: 200
+      font-size: 14px
       color: $textSecondaryColor
       height: 20px
       width: 100%
@@ -34,6 +40,7 @@
       display: flex
 
       div
+        font-weight: 200
+        padding-bottom: 10px
         flex: 1
-        text-align: center
         justify-content: space-around
diff --git a/Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl b/Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl
index bb6218d65..2f9bcd009 100644
--- a/Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl
+++ b/Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl
@@ -2,6 +2,7 @@
 
 .lesionTableTimepointHeader
   flex: 1
+  padding-left: 20px
   justify-content: space-around
 
   div
@@ -11,5 +12,6 @@
     color: $textSecondaryColor
 
   .timepointDate
+    font-weight: 200
     color: $textPrimaryColor
     border-left: $uiBorderColor $uiBorderThickness solid