Cleanup for the lesion table

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() {

Packages/lesiontracker/client/components/lesionTable/lesionTable.styl

@@ -18,6 +18,6 @@
     width: 20px
 
 .lesionTableLayoutChanger
-  padding: 5px
+  padding: 20px
   text-align: center
   margin: 0 auto

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

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

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