优化列表显示

OpenAuth.Mvc/Views/Forms/index.cshtml

@@ -6,12 +6,17 @@
     @Html.Action("MenuHeader", "Home")
 </blockquote>
 
-<div style="display: flex;">
-    <ul id="tree" class="ztree" style="display: inline-block; width: 180px; padding: 10px; border: 1px solid #ddd; overflow: auto;"></ul>
-    <table class="layui-table"
-           lay-data="{height: 'full-80', page:true, id:'mainList'}"
-           lay-filter="list" lay-size="sm">
-        <thead>
+
+<div class="layui-row">
+    <div class="layui-col-xs3">
+        <ul id="tree" class="ztree"
+            style="padding: 2px; border: 1px solid #ddd; overflow: auto;"></ul>
+    </div>
+    <div class="layui-col-xs9">
+        <table class="layui-table"
+               lay-data="{height: 'full-80', page:true, id:'mainList'}"
+               lay-filter="list" lay-size="sm">
+            <thead>
             <tr>
                 <th lay-data="{checkbox:true, fixed: true}"></th>
                 <th lay-data="{field:'Id', width:150}">表单模板Id</th>
@@ -25,9 +30,11 @@
                 <th lay-data="{field:'ModifyDate', width:150}">修改时间</th>
                 <th lay-data="{fixed: 'right', width:160, align:'center', toolbar: '#barList'}"></th>
             </tr>
-        </thead>
-    </table>
+            </thead>
+        </table>
+    </div>
 </div>
+
 <script type="text/html" id="barList">
     <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
 </script>