* Adjust code .

module/doc/css/tablecontents.css

@@ -50,6 +50,8 @@ li.drag-shadow ul {display: none!important;}
 .flex-center {display: flex; align-items: center; justify-content: space-between;}
 .tree li>.list-toggle {top: 4px;}
 
+.spliter {flex: 0 0 15px;}
+
 #mainContent .table-empty-tip > p, #createDocs {display: inline-block;}
 .createDropdown a.btn-primary, .createDropdown a.btn-info {border-right: 1px solid rgba(255,255,255,0.2);}
 .createDropdown button.dropdown-toggle.btn-primary, .createDropdown button.dropdown-toggle.btn-info {padding: 6px;}

module/doc/view/tablecontents.html.php

@@ -65,11 +65,12 @@
   ?>
   </div>
 </div>
-<div id='mainContent'class="main-row fade">
+<div id='mainContent'class="fade flex">
   <div class="side side-col panel">
     <div id="fileTree" class="file-tree"></div>
   </div>
-  <div class="main-col">
+  <div id="spliter" class="spliter"></div>
+  <div class="main-col flex-full panel">
     <div class="cell<?php if($browseType == 'bySearch') echo ' show';?>" id="queryBox" data-module=<?php echo $type . 'Doc';?>></div>
     <?php if(empty($docs)):?>
     <div class="table-empty-tip">