[WebUI] Tweak history table layout

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 4c279cda7dbdc5a47e5b35657a0e4ff52767dbec..9e09b13a52d309e4a19c89936dd5ffdb335736ac 100644 (file)
--- 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 e6573cd1ec6555f4bfa9d3b1611dc2f636fb8c82..7409be59785ba7712a46ba1d2110f70de707c79b 100644 (file)
--- 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",