From 399b61aee1f89a3788f7d94a3477888605d07fa1 Mon Sep 17 00:00:00 2001
From: zhangjidi2016 <1017543663@qq.com>
Date: Mon, 2 Aug 2021 09:44:43 +0800
Subject: [PATCH] [ISSUE #766] Optimize console UI (#767)

Co-authored-by: zhangjidi2016 <zhangjidi@cmss.chinamobile.com>
---
 .../vendor/ng-dialog/ngDialog-theme-default.css |  4 ++--
 .../resources/static/view/pages/consumer.html   |  2 +-
 .../resources/static/view/pages/message.html    | 17 +++++++++--------
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/main/resources/static/vendor/ng-dialog/ngDialog-theme-default.css b/src/main/resources/static/vendor/ng-dialog/ngDialog-theme-default.css
index 79b409d..9830e81 100644
--- a/src/main/resources/static/vendor/ng-dialog/ngDialog-theme-default.css
+++ b/src/main/resources/static/vendor/ng-dialog/ngDialog-theme-default.css
@@ -74,10 +74,10 @@
     font-size: 1.1em;
     line-height: 1.5em;
     margin: 0 auto;
-    max-width: 100%;
+    max-width: 70%;
     padding: 1em;
     position: relative;
-    width: 1000px;
+    width: auto;
 }
 
 .ngdialog.ngdialog-theme-default .ngdialog-close {
diff --git a/src/main/resources/static/view/pages/consumer.html b/src/main/resources/static/view/pages/consumer.html
index 13b2762..cc2fc39 100644
--- a/src/main/resources/static/view/pages/consumer.html
+++ b/src/main/resources/static/view/pages/consumer.html
@@ -384,7 +384,7 @@
     <div class="modal-header">
         <h4 class="modal-title">[{{ngDialogData.consumerGroupName}}]{{'CONSUME_DETAIL' | translate}}</h4>
     </div>
-    <div class="modal-body ">
+    <div class="modal-body " style="overflow: auto">
         <table class="table table-bordered table-hover" ng-repeat="consumeDetail in ngDialogData.data">
             <tbody>
             <tr>
diff --git a/src/main/resources/static/view/pages/message.html b/src/main/resources/static/view/pages/message.html
index 8cac242..54d9b95 100644
--- a/src/main/resources/static/view/pages/message.html
+++ b/src/main/resources/static/view/pages/message.html
@@ -209,8 +209,7 @@
                 <div class="form-group">
                     <label class="control-label col-sm-2">Storetime:</label>
                     <div class="col-sm-10">
-                        <label class="form-control">{{ngDialogData.messageView.storeTimestamp | date:'yyyy-MM-dd
-                            HH:mm:ss'}}</label>
+                        <label class="form-control">{{ngDialogData.messageView.storeTimestamp | date:'yyyy-MM-dd HH:mm:ss'}}</label>
                     </div>
                 </div>
                 <div class="form-group">
@@ -224,8 +223,8 @@
                 </div>
             </form>
         </div>
-        <label>messageTrackList:</label>
-        <table class="table-bordered md-padding">
+        <p>messageTrackList:</p>
+        <table class="table-bordered table">
             <tr>
                 <th class="text-center">consumerGroup</th>
                 <th class="text-center">trackType</th>
@@ -248,10 +247,12 @@
             </tr>
         </table>
     </md-content>
-    <div class="ngdialog-buttons">
-        <button type="button" class="ngdialog-button ngdialog-button-secondary"
-                ng-click="closeThisDialog('Cancel')">{{ 'CLOSE' | translate }}
-        </button>
+    <div class="modal-footer">
+        <div class="ngdialog-buttons">
+            <button type="button" class="ngdialog-button ngdialog-button-secondary"
+                    ng-click="closeThisDialog('Cancel')">{{ 'CLOSE' | translate }}
+            </button>
+        </div>
     </div>
 </script>