Fixed lesion table header width problem and added table borders

LesionTracker/client/components/viewerMain/viewerMain.styl

@@ -1,3 +1,3 @@
 .viewerMain
   width: 100%
-  height: 75%
+  height: 84%

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -1,9 +1,13 @@
 #lesionTableContainer
     width: 100%
-    height: 25%
+    height: 16%
     
     .lesionTable
-    
+
+      td, th
+        border: 1px solid white
+        border-collapse: collapse
+
       td.lesionNumber, th#thNumber
         width: 70px
       
@@ -16,7 +20,6 @@
       td.lesionTableTimepointCell
         width: 70px
 
-
       thead
         width: 100%
         display: block
@@ -26,7 +29,6 @@
             
           th
             border-bottom-width: 0
-            float:left
             font-weight: normal
             color:white
             line-height: 20px
@@ -34,7 +36,8 @@
             margin: 0
             padding: 5px
             background-color: #424242
-            
+            width: 70px
+
             #thTarget 
                 width: 1%
 
@@ -50,12 +53,12 @@
         height: 200px // Seems like this has to be fixed for overflow to work properly!
         overflow: auto
         width: 100%
-        
+
         tr.lesionTableRow
           width: 100%
           
           &:nth-child(even)
-              background: #888    
+              background: #888
           &:nth-child(odd)
               background: #BBB
           &:hover
@@ -65,9 +68,8 @@
 
             td
                 border-bottom-width: 0
-                float:left
                 margin: 0
                 padding: 5px
 
-                &.lesionNumber,  &.target, &.lesionTableTimepointCell 
+                &.lesionNumber,  &.target, &.lesionTableTimepointCell
                     text-align: center