Some styling changes to lesion table

Packages/lesiontracker/components/lesionTable/lesionTable.html

@@ -4,14 +4,15 @@
             <thead>
                 <tr>
                     <th id="thNumber">Lesion #</th>
-                    <th id="thTarget">Target</th>
                     <th id="thLocation">Location</th>
+                    <th id="thTarget">Target</th>
                     <!--Each time point name as a column-->
                     {{ #each tabTimepoints }}
                         {{ #each timepoints }}
                              {{ >lesionTableTimepointHeader }}
                         {{ /each }}
                     {{ /each }}
+                    <th id="thSpacer"> </th>
                 </tr>
             </thead>
             <tbody>

Packages/lesiontracker/components/lesionTable/lesionTable.js

@@ -32,7 +32,7 @@ Template.lesionTable.onRendered(function() {
         var timepointID = contentId.toString() + i.toString();
         var timepointName = "Baseline";
         if (i > 0) {
-            timepointName = "Follow Up "+i;
+            timepointName = "Current"; //"Follow Up "+i;
         }
         var timepointObject = {timepointID: timepointID, timepointName: timepointName};
         timepointsArray.push(timepointObject);

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -24,7 +24,7 @@ table.lesionTable > tbody > tr > td {
     padding: 4px;
     margin: 0;
     height: 25px;
-    line-height: 15px;
+    line-height: 10px;
 }
 
 table.lesionTable tbody tr:hover{
@@ -37,6 +37,39 @@ table.lesionTable tbody tr{
     line-height: 14px;
 }
 
+th#thNumber {
+    width: 4%;
+}
+
+th#thTarget {
+    width: 4%;
+}
+
+th#thLocation {
+    width: 15%;
+    text-align: left;
+}
+
+th#thSpacer {
+    width: 50%;
+}
+
+td.location {
+    text-align: left;
+}
+
+td.lesionNumber {
+    text-align: center;
+}
+
+td.target {
+    text-align: center;
+}
+
+td.lesionTableTimepointCell {
+    width: 4%;
+    text-align: center;
+}
 
 .btnRemove{
     border: none;

Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html

@@ -1,8 +1,8 @@
 <template name="lesionTableRow">
     <tr>
-        <th class='lesionNumber'>{{lesionData.lesionNumber}}</th>
-        <th class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</th>
-        <th class='location'>{{lesionData.location}}</th>
+        <td class='lesionNumber'>{{lesionData.lesionNumber}}</td>
+        <td class='location'>{{lesionData.location}}</td>
+        <td class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</td>
         <!--Each time point as a column-->
         {{# each timepoints }}
             {{> lesionTableTimepointCell }}

Packages/lesiontracker/components/lesionTableTimepointCell/lesionTableTimepointCell.html

@@ -1,3 +1,3 @@
 <template name="lesionTableTimepointCell">
-    <td>{{longestDiameter}}</td>
+    <td class="lesionTableTimepointCell">{{longestDiameter}}</td>
 </template>