@social-mail/social-mail-client 1.8.327 → 1.8.329

package/dist/site-editor-app/SiteEditorApp.pack.js

@@ -29105,7 +29105,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "../../../../common/date/DateFormats", "@web-atoms/core/dist/core/InjectProperty", "../service/MailService", "./mail-detail-page.local.css"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "../../../../common/date/DateFormats", "@web-atoms/core/dist/core/InjectProperty", "../service/MailService", "./MailDetailPage.local.css"], function (_export, _context) {
   "use strict";
 
   var __awaiter, __decorate, __metadata, PopupWindowPage, EmailRecipient, XNode, DateFormats, InjectProperty, MailService, MailDetailPage, displayRecipient, css;
@@ -29127,7 +29127,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
     }, function (_serviceMailService) {
       MailService = _serviceMailService.default;
-    }, function (_mailDetailPageLocalCss) {}],
+    }, function (_MailDetailPageLocalCss) {}],
     execute: function () {
       displayRecipient = ({
         name,
@@ -29198,8 +29198,15 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.headerRenderer = () => {
               var _a;
               return XNode.create("div", {
+                class: "mail-detail-page-header",
                 "data-padding": "auto"
-              }, XNode.create("table", null, from && XNode.create("tr", null, XNode.create("td", null, "From:"), XNode.create("td", null, from)), to.length && XNode.create("tr", null, XNode.create("td", null, "To:"), XNode.create("td", null, ...to)), cc.length && XNode.create("tr", null, XNode.create("td", null, "Cc:"), XNode.create("td", null, ...cc)), bcc.length && XNode.create("tr", null, XNode.create("td", null, "Bcc:"), XNode.create("td", null, ...bcc)), XNode.create("tr", null, XNode.create("td", null, "Subject:"), XNode.create("td", null, model.subject)), XNode.create("tr", null, XNode.create("td", null, "Date:"), XNode.create("td", null, DateFormats.withWeekDayAndTime((_a = model.dateReceived) !== null && _a !== void 0 ? _a : model.dateCreated)))));
+              }, XNode.create("table", null, from && XNode.create("tr", null, XNode.create("td", null, "From:"), XNode.create("td", null, from)), to.length && XNode.create("tr", null, XNode.create("td", null, "To:"), XNode.create("td", null, " ", XNode.create("div", {
+                class: "address-list"
+              }, ...to))), cc.length && XNode.create("tr", null, XNode.create("td", null, "Cc:"), XNode.create("td", null, XNode.create("div", {
+                class: "address-list"
+              }, ...cc, " "), " ")), bcc.length && XNode.create("tr", null, XNode.create("td", null, "Bcc:"), XNode.create("td", null, XNode.create("div", {
+                class: "address-list"
+              }, ...bcc, " "), " ")), XNode.create("tr", null, XNode.create("td", null, "Subject:"), XNode.create("td", null, model.subject)), XNode.create("tr", null, XNode.create("td", null, "Date:"), XNode.create("td", null, DateFormats.withWeekDayAndTime((_a = model.dateReceived) !== null && _a !== void 0 ? _a : model.dateCreated)))));
             };
             this.renderer = XNode.create("div", {
               class: css,