From 535ae086b4f17b74a8a416814977caee1055af4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Fri, 2 Apr 2021 08:31:42 +0200
Subject: [PATCH] Make sender bold
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 res/css/views/elements/_ImageView.scss     | 4 ++++
 src/components/views/elements/ImageView.js | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss
index c9183a9eab..b98a9baf90 100644
--- a/res/css/views/elements/_ImageView.scss
+++ b/res/css/views/elements/_ImageView.scss
@@ -62,6 +62,10 @@ limitations under the License.
     flex-direction: column;
 }
 
+.mx_ImageView_info_sender {
+    font-weight: bold;
+}
+
 .mx_ImageView_toolbar {
     padding-right: 16px;
     pointer-events: all;
diff --git a/src/components/views/elements/ImageView.js b/src/components/views/elements/ImageView.js
index f39ac8ba19..e2d900117a 100644
--- a/src/components/views/elements/ImageView.js
+++ b/src/components/views/elements/ImageView.js
@@ -266,6 +266,11 @@ export default class ImageView extends React.Component {
             }
 
             const senderName = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
+            const sender = (
+                <div className="mx_ImageView_info_sender">
+                    {senderName}
+                </div>
+            );
             const messageTimestamp = (
                 <a
                     href={permalink}
@@ -288,7 +293,7 @@ export default class ImageView extends React.Component {
                 <div className="mx_ImageView_info_wrapper">
                     {avatar}
                     <div className="mx_ImageView_info">
-                        {senderName}
+                        {sender}
                         {messageTimestamp}
                     </div>
                 </div>