Fix Viewer opening bugs in OHIF Viewer (OHIF-49)

Packages/hangingprotocols/client/components/protocolEditor/protocolEditor.js

@@ -92,6 +92,7 @@ Template.protocolEditor.helpers({
         // If no ProtocolEngine, protocol, or stage is defined, stop here
         if (!ProtocolEngine ||
             !ProtocolEngine.protocol ||
+            !ProtocolEngine.layoutManager ||
             ProtocolEngine.stage === undefined) {
             return;
         }
@@ -105,8 +106,8 @@ Template.protocolEditor.helpers({
         // Update active Stage's layout template and properties based on the displayed
         // layout properties. This is used to update the Stage Model when the user modifies
         // the layout in the viewer
-        stage.viewportStructure.layoutTemplateName = layoutManager.layoutTemplateName;
-        stage.viewportStructure.properties = layoutManager.layoutProps;
+        stage.viewportStructure.layoutTemplateName = ProtocolEngine.layoutManager.layoutTemplateName;
+        stage.viewportStructure.properties = ProtocolEngine.layoutManager.layoutProps;
 
         // If there is a discrepancy between the Stage's number of viewports and the
         // the number of required viewports given the properties above, rectify it

Packages/hangingprotocols/client/components/protocolEditor/protocolEditor.styl

@@ -5,7 +5,7 @@ $height = 20px
 #protocolEditor
   height: 100%
   width: 450px
-  padding: 10px
+  padding: 10px 0
   position: absolute
   top: 0
   background: $primaryBackgroundColor
@@ -84,6 +84,8 @@ $height = 20px
     position: absolute
     bottom: 0
     width: 100%
+    margin-bottom: 0
+    background: $uiGrayDarker
 
     p
       font-size: 8pt
@@ -98,7 +100,7 @@ $height = 20px
     padding-left: 20px
     margin-right: -16px
     width: 100%
-    height: calc(100% - 120px)
+    height: calc(100% - 50px)
     &::-webkit-scrollbar
       display: none
 

Packages/hangingprotocols/client/components/stageSortable/stageSortable.styl

@@ -1,6 +1,8 @@
 @import "{design}/app.styl"
 
 #stageSortingContainer
+  padding: 0 20px
+
   #stageSortable
     .sortable-item
       padding: 3px