From 822ef61a0c0b259fc0df96f59fcadcee4ec778b6 Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Wed, 13 Jul 2022 15:17:29 +0300
Subject: [PATCH] stream audited style fix

---
 client/res/templates/stream/notes/update.tpl | 37 ++++++++++++++------
 frontend/less/espo/custom.less               | 16 ++++++---
 2 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/client/res/templates/stream/notes/update.tpl b/client/res/templates/stream/notes/update.tpl
index 77e34cc4ed..70806b54bb 100644
--- a/client/res/templates/stream/notes/update.tpl
+++ b/client/res/templates/stream/notes/update.tpl
@@ -18,17 +18,32 @@
 
     <div class="hidden details stream-details-container">
         <ul>
-            {{#each fieldsArr}}
-            <li>
-                <span>{{translate field category='fields' scope=../parentType}}</span>
-                {{#unless noValues}}
-                &nbsp;<span class="text-muted">:</span>&nbsp;
-                <span class="inline-block-child-div">{{{var was ../this}}}</span>
-                &nbsp;<span class="text-muted small fas fa-arrow-right"></span>&nbsp;
-                <span class="inline-block-child-div">{{{var became ../this}}}</span>
-                {{/unless}}
-            </li>
-            {{/each}}
+            <table class="table audited-summary-table">
+                <tbody>
+                {{#each fieldsArr}}
+                    <tr>
+                        <td style="width: 30%">
+                            <span class="text-muted">{{translate field category='fields' scope=../parentType}}</span>
+                        </td>
+                        <td style="width: 30%">
+                            {{#unless noValues}}
+                                {{{var was ../this}}}
+                            {{/unless}}
+                        </td>
+                        <td style="width: 10%; text-align: center;">
+                            {{#unless noValues}}
+                                <span class="text-muted small fas fa-arrow-right"></span>
+                            {{/unless}}
+                        </td>
+                        <td style="width: 30%">
+                            {{#unless noValues}}
+                                {{{var became ../this}}}
+                            {{/unless}}
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
         </ul>
     </div>
 
diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less
index 90336899f0..9818c5f390 100644
--- a/frontend/less/espo/custom.less
+++ b/frontend/less/espo/custom.less
@@ -2038,6 +2038,18 @@ stream-head-text-container .span {
     margin-bottom: 2px;
 }
 
+.stream-details-container {
+    table.audited-summary-table {
+        margin-top: 8px;
+
+        td {
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+    }
+}
+
 .stream-details-container > ul {
     padding-left: 0px;
     list-style-type: none;
@@ -2587,10 +2599,6 @@ table.table td.cell .html-container {
     position: relative;
 }
 
-.inline-block-child-div > div {
-    display: inline-block;
-}
-
 table.table-bordered-inside {
     border-collapse: collapse;
     border-style: hidden;