Remove tabbed layout in favour of current Lesion Tracker design (OHIF-49)

Packages/viewerbase/client/components/viewer/viewerMain/viewerMain.js

@@ -1,6 +1,9 @@
 Template.viewerMain.onCreated(() => {
     // Attach the Window resize listener
     $(window).on('resize', handleResize);
+
+    // Create the synchronizer used to update reference lines
+    OHIF.viewer.updateImageSynchronizer = new cornerstoneTools.Synchronizer('CornerstoneNewImage', cornerstoneTools.updateImageSynchronizer);
 });
 
 Template.viewerMain.onRendered(() => {
@@ -21,6 +24,6 @@ Template.viewerMain.onDestroyed(() => {
     // Remove the Window resize listener
     $(window).off('resize', handleResize);
 
-    // Destory the synchronizer used to update reference lines
+    // Destroy the synchronizer used to update reference lines
     OHIF.viewer.updateImageSynchronizer.destroy();
 });

Packages/viewerbase/client/components/viewer/viewerMain/viewerMain.styl

@@ -7,11 +7,22 @@
   #layoutManagerTarget
     width: 100%
     height: 100%
-
     transition(all 0.3s ease)
 
     #imageViewerViewports
-      .viewportContainer:not(:last-child)
+      .viewportContainer
+        float: left
+        border: $viewportBorderThickness solid $viewportBorderColor
+
+        &:hover
+          border: $viewportBorderThickness solid $viewportBorderColorHover
+          
+        &.active, &:hover.active
+          border: $viewportBorderThickness solid $viewportBorderColorActive
+
         .removable
-          .imageViewerViewport
-            border-right: $uiBorderThickness solid #436270
+          width: 100%
+          height: 100%
+          position: relative // Necessary so that the viewportOverlay is on top of the viewports
+
+