diff --git a/app/assets/javascripts/admin/templates/email-sent.hbs b/app/assets/javascripts/admin/templates/email-sent.hbs
index ab0afaaf2da..d213f4b3735 100644
--- a/app/assets/javascripts/admin/templates/email-sent.hbs
+++ b/app/assets/javascripts/admin/templates/email-sent.hbs
@@ -19,9 +19,9 @@
{{#each model as |l|}}
-
- {{format-date l.created_at}} |
-
+ |
+ {{format-date l.created_at}} |
+
{{#if l.user}}
{{#link-to "adminUser" l.user}}{{avatar l.user imageSize="tiny"}}{{/link-to}}
{{#link-to "adminUser" l.user}}{{l.user.username}}{{/link-to}}
@@ -29,12 +29,12 @@
—
{{/if}}
|
-
+ |
{{#if l.bounced}}{{d-icon "redo" title="admin.email.bounced"}}{{/if}}
{{l.to_address}}
|
- {{l.email_type}} |
-
+ | {{l.email_type}} |
+
{{#if l.post_url}}
{{l.post_description}}
{{l.reply_key}}
diff --git a/app/assets/stylesheets/common/admin/emails.scss b/app/assets/stylesheets/common/admin/emails.scss
index 3c1417cd806..bfa39c232f2 100644
--- a/app/assets/stylesheets/common/admin/emails.scss
+++ b/app/assets/stylesheets/common/admin/emails.scss
@@ -22,6 +22,12 @@
max-width: 200px;
@include ellipsis;
}
+ .sent-email-address a {
+ // prevent long email addresses from breaking the layout
+ display: inline-block;
+ max-width: 300px;
+ overflow-wrap: break-word;
+ }
}
.incoming-emails {
|