From deeb4fce6639fa84cf93772de92d39a6623cda93 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 30 Apr 2026 12:04:53 +0300
Subject: [PATCH] improve UI for "remove history" message

---
 customize.dist/src/less2/include/messenger.less | 3 +++
 www/common/messenger-ui.js                      | 8 ++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/customize.dist/src/less2/include/messenger.less b/customize.dist/src/less2/include/messenger.less
index 230688d5a..32672ddd2 100644
--- a/customize.dist/src/less2/include/messenger.less
+++ b/customize.dist/src/less2/include/messenger.less
@@ -465,6 +465,9 @@
                 }
                 .cp-app-contacts-system-notification {
                     align-items: center;
+                    flex-direction: row;
+                    justify-content: center;
+                    color: fade(@cryptpad_text_col, 80%);
                 }
             }
         }
diff --git a/www/common/messenger-ui.js b/www/common/messenger-ui.js
index 42be79d4e..6e195f171 100644
--- a/www/common/messenger-ui.js
+++ b/www/common/messenger-ui.js
@@ -250,11 +250,11 @@ define([
             }
         };
 
-        var displaySystemMessage = function (id, message) {
+        var displaySystemMessage = function (id, icon, message) {
             var $messagebox = $(getChat(id)).find('.cp-app-contacts-messages');
             if (!$messagebox.length) { return; }
-            var noticeElement = h('div.cp-app-contacts-message.cp-app-contacts-system-notification', message);
-            $messagebox.append(noticeElement);
+            var content = icon ? [Icons.get(icon), h('span', message)] : message;
+            $messagebox.append(h('div.cp-app-contacts-message.cp-app-contacts-system-notification', content));
             normalizeLabels($messagebox);
             scrollChatToBottom();
         };
@@ -1151,7 +1151,7 @@ define([
             }
             if (cmd === 'CLEAR_CHANNEL') {
                 clearChannel(data);
-                displaySystemMessage(data, Messages.contacts_historyCleared);
+                displaySystemMessage(data, 'clear-canvas', Messages.contacts_historyCleared);
                 return;
             }
             if (cmd === 'PADCHAT_READY') {