style impr

client/res/templates/notification/items/email-received.tpl

@@ -3,17 +3,14 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        <span class="text-muted"
-        ><span
-            class="fas fa-envelope action"
+        <span
+            class="fas fa-envelope text-muted action icon"
             style="cursor: pointer;"
             title="{{translate 'View'}}"
             data-action="quickView"
             data-id="{{emailId}}"
             data-scope="Email"
-        ></span>
-            <span class="message">{{{message}}}</span>
-        </span>
+        ></span><span class="message text-muted">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/assign.tpl

@@ -9,8 +9,7 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        {{#if iconHtml}}{{{iconHtml}}}{{/if}}
-        <span class="text-muted message">{{{message}}}</span>
+        {{#if iconHtml}}{{{iconHtml}}}{{/if}}<span class="text-muted message">{{{message}}}</span>
     </div>
 </div>
 <div class="stream-date-container">

client/res/templates/stream/notes/create-related.tpl

@@ -9,8 +9,7 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        {{#if iconHtml}}{{{iconHtml}}}{{/if}}
-        <span class="text-muted message">{{{message}}}</span>
+        {{#if iconHtml}}{{{iconHtml}}}{{/if}}<span class="text-muted message">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/create.tpl

@@ -9,8 +9,7 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        {{#if iconHtml}}{{{iconHtml}}}{{/if}}
-        <span class="text-muted message">{{{message}}}</span>
+        {{#if iconHtml}}{{{iconHtml}}}{{/if}}<span class="text-muted message">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/email-received.tpl

@@ -10,17 +10,13 @@
     </div>
     <div class="stream-head-text-container">
         <span
-            class="text-muted"
-        ><span
             class="{{emailIconClassName}} action icon"
             style="cursor: pointer;"
             title="{{translate 'View'}}"
             data-action="quickView"
             data-id="{{emailId}}"
             data-scope="Email"
-        ></span>
-            {{{message}}}
-        </span>
+        ></span><span class="message text-muted">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/email-sent.tpl

@@ -9,18 +9,14 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        <span
-            class="text-muted"
-        ><span
-            class="{{emailIconClassName}} action icon"
+       <span
+            class="{{emailIconClassName}} text-muted action icon"
             style="cursor: pointer;"
             title="{{translate 'View'}}"
             data-action="quickView"
             data-id="{{emailId}}"
             data-scope="Email"
-        ></span>
-            {{{message}}}
-        </span>
+        ></span><span class="text-muted">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/status.tpl

@@ -9,8 +9,7 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        {{#if iconHtml}}{{{iconHtml}}}{{/if}}
-        <span class="text-muted message">{{{message}}}</span>
+        {{#if iconHtml}}{{{iconHtml}}}{{/if}}<span class="text-muted message">{{{message}}}</span>
     </div>
 </div>
 

client/res/templates/stream/notes/update.tpl

@@ -9,8 +9,7 @@
         {{{avatar}}}
     </div>
     <div class="stream-head-text-container">
-        {{#if iconHtml}}{{{iconHtml}}}{{/if}}
-        <span class="text-muted message">{{{message}}}</span>
+        {{#if iconHtml}}{{{iconHtml}}}{{/if}}<span class="text-muted message">{{{message}}}</span>
         {{#if fieldDataList.length}}
             <a role="button" tabindex="0" data-action="expandDetails"><span class="fas fa-chevron-down"></span></a>
         {{/if}}

client/src/views/notification/items/email-inbox.js

@@ -40,14 +40,13 @@ class EmailInboxNotificationItemView extends BaseNotificationItemView {
             <div class="pull-left">{{{avatar}}}</div>
             <div class="stream-head-text-container">
                 <span
-                    class="fas fa-envelope text-muted action"
+                    class="fas fa-envelope text-muted action icon"
                     style="cursor: pointer;"
                     title="{{translate 'View'}}"
                     data-action="quickView"
                     data-id="{{model.attributes.relatedId}}"
                     data-scope="Email"
-                ></span>
-                <span class="text-muted message">{{{message}}}</span>
+                ></span><span class="text-muted message">{{{message}}}</span>
             </div>
         </div>
         <div class="stream-date-container">

client/src/views/notification/items/user-reaction.js

@@ -40,16 +40,13 @@ export default class UserReactionNotificationItemView extends BaseNotificationIt
             </div>
             <div class="stream-head-text-container">
                 <span
-                    class="{{reactionIconClass}} text-muted action"
+                    class="{{reactionIconClass}} text-muted action icon"
                     style="cursor: pointer;"
                     title="{{translate 'View'}}"
                     data-action="quickView"
                     data-id="{{noteId}}"
                     data-scope="Note"
-                ></span>
-                <span class="text-muted message">
-                    {{{message}}}
-                </span>
+                ></span><span class="text-muted message">{{{message}}}</span>
             </div>
         </div>
 

frontend/less/espo/custom.less

@@ -2193,7 +2193,9 @@ td > span.color-icon {
     padding-left: var(--29px);
 
     > .icon:first-child {
-        margin-right: var(--3px);
+        min-width: var(--16px);
+        text-align: center;
+        margin-right: var(--6px);
     }
 }