update tampilan filter pada list payment

src/agratek/api/merchant/views/templates/payment/list.pt

@@ -9,7 +9,7 @@
                 overflow-y: auto;
                 overflow-y: auto;
             }
             }
         </style>
         </style>
-        <div id="tmp-toolbar" class="col-md-12" style="display: inline-block;">
+        <div id="tmp-toolbar" class="col-md-12" style="display: inline-block; margin-bottom: 6px">
             <span tal:repeat="f params.form" tal:omit-tag="">
             <span tal:repeat="f params.form" tal:omit-tag="">
                 <label for="${f.oid}" class="control-label">
                 <label for="${f.oid}" class="control-label">
                     ${f.title}
                     ${f.title}
@@ -19,7 +19,7 @@
         </div>
         </div>
         <div class="jarviswidget" style="border-top:1px solid #ccc!important">
         <div class="jarviswidget" style="border-top:1px solid #ccc!important">
             <div role="content">
             <div role="content">
-                <table id="table1" class="table table-bordered table-hover table-condensed">
+                <table id="table1" class="table table-bordered table-hover table-condensed nowrap">
                     <thead>
                     <thead>
                         <tr>
                         <tr>
                             <th tal:repeat="f params.columns">${f.title}</th>
                             <th tal:repeat="f params.columns">${f.title}</th>
@@ -109,6 +109,7 @@
                 //scrollCollapse: true,
                 //scrollCollapse: true,
                 //sort: true,
                 //sort: true,
                 //info: false,
                 //info: false,
+                scrollX: true,
                 filter: true,
                 filter: true,
                 autoWidth: false,
                 autoWidth: false,
                 paginate: true,
                 paginate: true,