From a60e34faf441c151f5ee17818226a9bf99fd7a47 Mon Sep 17 00:00:00 2001
From: yixian <astro.dai@royalpay.com.au>
Date: Wed, 12 Aug 2020 12:28:28 +1000
Subject: [PATCH] ui optmise

---
 .../payment/validation/templates/valid.html   | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/main/ui/static/payment/validation/templates/valid.html b/src/main/ui/static/payment/validation/templates/valid.html
index 5db9b6138..a6f5de811 100644
--- a/src/main/ui/static/payment/validation/templates/valid.html
+++ b/src/main/ui/static/payment/validation/templates/valid.html
@@ -17,7 +17,8 @@
             Generating Report ...
         </div>
         <div class="box-body" ng-if="report && !report.loading">
-            <button class="btn btn-primary margin-bottom" type="button" ng-click="startValid(true)">Validate Again</button>
+            <button class="btn btn-primary margin-bottom" type="button" ng-click="startValid(true)">Validate Again
+            </button>
             <h3 class="text-center" ng-bind="report.date|date:'yyyy-MM-dd'"></h3>
             <h2 class="text-success text-center" ng-if="report.valid">订单校验成功</h2>
             <h2 class="text-danger text-center" ng-if="!report.valid">存在错误</h2>
@@ -29,23 +30,25 @@
             </div>
             <div class="panel panel-warning" ng-if="report.not_exists.length">
                 <div class="panel-heading">缺失的订单</div>
-                <table class="table table-bordered table-striped margin-bottom">
-                    <thead>
-                    <tr>
-                        <th ng-repeat="key in notExistsKeys" ng-bind="key"></th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    <tr ng-repeat="order in report.not_exists">
-                        <td ng-repeat="key in notExistsKeys" ng-bind="order[key]"></td>
-                    </tr>
-                    </tbody>
-                </table>
+                <div class="panel-body table-responsive">
+                    <table class="table table-bordered table-striped margin-bottom">
+                        <thead>
+                        <tr>
+                            <th ng-repeat="key in notExistsKeys" ng-bind="key"></th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr ng-repeat="order in report.not_exists">
+                            <td ng-repeat="key in notExistsKeys" ng-bind="order[key]"></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
             </div>
             <div class="panel panel-warning" ng-if="report.not_equals.length">
                 <div class="panel-heading">订单有误</div>
                 <div class="panel-body">
-                    <pre  ng-bind="report.not_equals|json"></pre>
+                    <pre ng-bind="report.not_equals|json"></pre>
                 </div>
             </div>
         </div>