From: moisseev <moiseev@mezonplus.ru>
Date: Wed, 29 Jun 2022 14:52:57 +0000 (+0300)
Subject: [WebUI] Tweak history table layout
X-Git-Tag: 3.3~164^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F4209%2Fhead;p=thirdparty%2Frspamd.git

[WebUI] Tweak history table layout
---

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 4c279cda7d..9e09b13a52 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -371,6 +371,12 @@ table#symbolsTable input[type="number"] {
 #historyTable_history > thead > tr > th {
     padding-right: 20px;
 }
+@media (min-width: 576px) and (max-width: 1199px) {
+    .history-col-time {
+        /* Avoid taking multiple lines in every row when one of rows has long ID */
+        white-space: nowrap;
+    }
+}
 
 #history_page_size {
     width: 6em !important;
diff --git a/interface/js/app/history.js b/interface/js/app/history.js
index e6573cd1ec..7409be5978 100644
--- a/interface/js/app/history.js
+++ b/interface/js/app/history.js
@@ -132,7 +132,9 @@ define(["jquery", "footable"],
                 title: "Score",
                 style: {
                     "font-size": "11px",
-                    "maxWidth": 110
+                    "maxWidth": 110,
+                    "text-align": "right",
+                    "white-space": "nowrap"
                 },
                 sortValue: function (val) { return Number(val.options.sortValue); }
             }, {
@@ -172,6 +174,7 @@ define(["jquery", "footable"],
                 },
                 sortValue: function (val) { return Number(val); }
             }, {
+                classes: "history-col-time",
                 sorted: true,
                 direction: "DESC",
                 name: "time",