Some styling changes

Styling changes for lesionTable, move logo&header in same row with tabs

Packages/lesiontracker/components/lesionTable/lesionTable.js

@@ -61,7 +61,7 @@ Template.lesionTable.onRendered(function() {
 });
 
 // Activate selected lesions when lesion table row is clicked
-function activateLesions (e) {
+function updateLesions (e) {
 
     // lesionNumber of measurement = id of row
     var lesionNumber = parseInt($(e.currentTarget).attr("id"));
@@ -97,7 +97,7 @@ function activateLesions (e) {
 
 Template.lesionTable.events({
     'click table#tblLesion tbody tr': function(e) {
-        activateLesions(e);
+        updateLesions(e);
     }
 });
 

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -1,83 +1,44 @@
-#lesionTableContainer
+#lesionTableContainer {
     width: 100%
     height: 25%
-    overflow: auto
-
-table.lesionTable
-    thead
-        th
-            background-color: #424242
-            font-style: italic
-            color:white
-            text-align: center
-            height: 15px
-            width: 20px
+    overflow: auto;
+}
 
 table.lesionTable > thead > tr > th {
-    padding: 4px;
+    font-style: italic;
+    color:white;
+    height: 20px;
+    line-height: 20px;
+    text-align: center
     margin: 0;
-    height: 25px;
-    line-height: 15px;
+    padding: 5px;
+    background-color: #424242;
 }
-
 table.lesionTable > tbody > tr > td {
-    padding: 4px;
+    height: 15px;
+    line-height: 15px;
     margin: 0;
-    height: 25px;
-    line-height: 10px;
-}
-
-table.lesionTable tbody tr{
-    background-color: #b3b3b3;
-    color: #424242;
-    line-height: 14px;
+    padding: 5px;
 }
 
 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;  }
 
-table.lesionTable tbody tr.lesionTableRow:hover{
-        background-color: #009BD2
-        color: white
+#thTarget {
+    width: 1%;
 }
 
-
-th#thNumber {
-    width: 4%;
-}
-
-th#thTarget {
-    width: 4%;
-}
-
-th#thLocation {
+#thLocation {
+    text-align: left;
     width: 15%;
-    text-align: left;
 }
 
-th#thSpacer {
-    width: 50%;
+
+#thSpacer {
+    width: 61%;
 }
 
-td.location {
-    text-align: left;
-}
-
-td.lesionNumber {
+td.lesionNumber, .target,.lesionTableTimepointCell {
     text-align: center;
-}
-
-td.target {
-    text-align: center;
-}
-
-td.lesionTableTimepointCell {
-    width: 4%;
-    text-align: center;
-}
-
-.btnRemove{
-    border: none;
-    outline:none;
-    background-color: transparent;
-}
+}