Enabling child tools labeling and removing

Packages/ohif-measurements/client/components/measurementTable/measurementTableHeaderRow/measurementTableHeaderRow.js

@@ -1,5 +1,4 @@
 import { Template } from 'meteor/templating';
-import { _ } from 'meteor/underscore';
 import { OHIF } from 'meteor/ohif:core';
 import { Viewerbase } from 'meteor/ohif:viewerbase';
 
@@ -47,6 +46,8 @@ Template.measurementTableHeaderRow.helpers({
 Template.measurementTableHeaderRow.events({
     'click .js-setTool'(event, instance) {
         const { toolGroup } = instance.data;
-        Viewerbase.toolManager.setActiveTool(toolGroup.childTools[0].cornerstoneToolType);
+        const toolType = toolGroup.childTools[0].cornerstoneToolType;
+        const activeToolId = Array.isArray(toolType) ? toolType[0] : toolType;
+        Viewerbase.toolManager.setActiveTool(activeToolId);
     }
 });

Packages/ohif-measurements/client/components/measurementTable/measurementTableRow/measurementTableRow.styl

@@ -111,7 +111,7 @@
 
     .timepointData
       display: flex
-      height: 27px
+      min-height: 27px
       margin-top: 1px
 
       div
@@ -120,4 +120,4 @@
         font-weight: 400
         justify-content: space-around
         line-height: 18px
-        padding-bottom: 10px
+        padding-bottom: 4px

Packages/ohif-measurements/client/components/measurementTable/measurementTableTimepointCell/measurementTableTimepointCell.styl

@@ -2,7 +2,6 @@
 
 .measurementTableTimepointCell
   theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
-  theme('color', '$textPrimaryColor')
   cursor: pointer
   padding: 0 10px
   position: relative
@@ -14,8 +13,14 @@
     right: 5px
     top: 3px
 
+  span
+    display: block
+
   &.loading .loading-spinner
     display: block
 
-  &:hover
+  &, span
+    theme('color', '$textPrimaryColor')
+
+  &:hover, span:hover
     theme('color', '$activeColor')