Bug fixing: vertical border line of hiding-panel

Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js

@@ -5,7 +5,7 @@ Template.hidingPanel.events({
 
             var hidingPanel = $(e.currentTarget);
             hidingPanel.css({
-                width: "120px"
+                width: "122px"
             });
 
             // Set panel as open
@@ -46,7 +46,7 @@ Template.hidingPanel.events({
         if(panelPinned) {
             // Calculate newWidth of viewportAndLesionTable
             var viewerWidth = $("#viewer").width();
-            var newPercentageOfviewportAndLesionTable = 100 - 120 / viewerWidth *100;
+            var newPercentageOfviewportAndLesionTable = 100 - 122 / viewerWidth *100;
             $("#viewportAndLesionTable").css("width", newPercentageOfviewportAndLesionTable+"%");
 
             resizeViewportElements();

Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl

@@ -33,15 +33,16 @@
   .hidingPanelContent
     width: 100%
     height: 100%
-    margin: 0 auto
+    margin: 1px auto
     float: none
     opacity: 0
     border: 1px solid #666
+    text-align: center
 
     .studyBrowserContainer
       position: absolute
       display: block
-      width: 100%
+      width: 120px
       left: 0
       right: 0
       top: 100px