From c43f3b1df4d8e01bc96ff140f5c43b2143e1c70d Mon Sep 17 00:00:00 2001
From: Evren Ozkan <evren217@gmail.com>
Date: Fri, 11 Dec 2015 12:08:15 -0500
Subject: [PATCH] Bug fixing: vertical border line of hiding-panel

---
 .../client/components/basic/hidingPanel/hidingPanel.js       | 4 ++--
 .../client/components/basic/hidingPanel/hidingPanel.styl     | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
index 29fcae438..25ae65d0d 100644
--- a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
+++ b/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();
diff --git a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl
index 96f71276c..dec78f998 100644
--- a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl
+++ b/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