diff --git a/src/components/ThreadEnvelope.vue b/src/components/ThreadEnvelope.vue
index 7bbe083117..c10ae0cd1a 100644
--- a/src/components/ThreadEnvelope.vue
+++ b/src/components/ThreadEnvelope.vue
@@ -51,7 +51,8 @@
class="left"
:class="{seen: envelope.flags.seen}"
@click.native.prevent="$emit('toggleExpand', $event)">
-
+
{{ envelope.from && envelope.from[0] ? envelope.from[0].label : '' }}
@@ -198,6 +199,9 @@ export default {
cleanSubject() {
return this.envelope.subject.replace(/((?:[\t ]*(?:R|RE|F|FW|FWD):[\t ]*)*)/i, '')
},
+ centeredSender() {
+ return (!this.hasChangedSubject || this.cleanSubject.length === 0) && this.tags.length === 0
+ },
},
watch: {
expanded(expanded) {
@@ -298,6 +302,9 @@ export default {
.sender {
margin-left: 8px;
}
+ .centered-sender {
+ margin-top: 8px;
+ }
.right {
display: flex;
@@ -442,4 +449,5 @@ export default {
.envelope--header.list-item-style {
border-radius: 16px;
}
+