From 6c37f219badd2dd4208cbec35e565daf41502500 Mon Sep 17 00:00:00 2001
From: Marcus Hoffmann <bubu@bubu1.eu>
Date: Thu, 16 Feb 2023 16:48:27 +0100
Subject: [PATCH] MessageView: improve styling of presence status

Significantly reduce the font size as to visually indicate this is
additional information and not part of the username or message
text. Align the text with the username field besides it.

Signed-off-by: Marcus Hoffmann <bubu@bubu1.eu>
---
 resources/qml/MessageView.qml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/resources/qml/MessageView.qml b/resources/qml/MessageView.qml
index 7f39791fb..5309fcf45 100644
--- a/resources/qml/MessageView.qml
+++ b/resources/qml/MessageView.qml
@@ -348,6 +348,7 @@ Item {
                     }
                     property int remainingWidth: chat.delegateMaxWidth - spacing - messageUserAvatar.width
                     AbstractButton {
+                        id: userNameButton
                         contentItem: ElidedLabel {
                             id: userName_
                             fullText: userName
@@ -373,12 +374,14 @@ Item {
 
                     Label {
                         id: statusMsg
+                        anchors.baseline: userNameButton.baseline
                         color: Nheko.colors.buttonText
                         text: Presence.userStatus(userId)
                         textFormat: Text.PlainText
                         elide: Text.ElideRight
                         width: userInfo.remainingWidth - userName_.width - parent.spacing
                         font.italic: true
+                        font.pointSize: fontMetrics.font.pointSize * 0.8
 
                         Connections {
                             target: Presence
-- 
GitLab