* enhanced the user experience of tree box sider.

module/testtask/js/cases.js

@@ -1,7 +1,5 @@
 function browseByModule(active)
 {
-    $('.side').removeClass('hidden');
-    $('.divider').removeClass('hidden');
     $('#bymoduleTab').addClass('active');
     $('#' + active + 'Tab').removeClass('active');
     $('#querybox').addClass('hidden');
@@ -11,8 +9,6 @@ function browseByModule(active)
 function browseBySearch(active)
 {
     $('#querybox').removeClass('hidden');
-    $('.side').addClass('hidden');
-    $('.divider').addClass('hidden');
     $('#' + active + 'Tab').removeClass('active');
     $('#bysearchTab').addClass('active');
     $('#bymoduleTab').removeClass('active');

module/testtask/view/cases.html.php

@@ -43,9 +43,13 @@ var moduleID   = '<?php echo $moduleID;?>';
 </div>
 <div class='side' id='casesbox'>
   <button class='side-handle' data-id='storyTree'><i class='icon-caret-left'></i></button>
-  <header class='nobr'><?php echo html::icon($lang->icons['product']);?> <strong><?php echo $productName;?></strong></header>
   <div class='side-body'>
-    <?php echo $moduleTree;?>
+    <div class='panel panel-sm'>
+      <div class='panel-heading nobr'><?php echo html::icon($lang->icons['product']);?> <strong><?php echo $productName;?></strong></div>
+      <div class='panel-body'>
+        <?php echo $moduleTree;?>
+      </div>
+    </div>
   </div>
 </div>
 <div class='main'>