diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss index 1be9e31e0..3066d0e43 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss @@ -228,8 +228,14 @@ @include flex-align(right, null); .wrap { + align-items: flex-end; + display: flex; margin-right: $space-normal; text-align: right; + + .sender--info { + padding: var(--space-small) 0 var(--space-smaller) var(--space-small); + } } .bubble { diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue index a79d4150f..97fda5bcf 100644 --- a/app/javascript/dashboard/components/widgets/conversation/Message.vue +++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue @@ -57,22 +57,26 @@ /> - -
+ {{ sender.name }} -
- + +