From 09c57b228efea976bfc66bd0135ba94015fa8c6a Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Fri, 18 Mar 2022 15:43:44 +0000
Subject: [PATCH] Fixes mx_MLocationBody_markerBorder (#8069)

Fixes https://github.com/vector-im/element-web/issues/21444

This commit fixes the position of the avatar on the location pin on the
timeline.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/messages/_MLocationBody.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/res/css/views/messages/_MLocationBody.scss b/res/css/views/messages/_MLocationBody.scss
index e4135d46d4..0b6bd1b44d 100644
--- a/res/css/views/messages/_MLocationBody.scss
+++ b/res/css/views/messages/_MLocationBody.scss
@@ -27,12 +27,17 @@ limitations under the License.
         width: 31px;
         height: 31px;
         border-radius: 50%;
-        background-color: $accent;
         filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
+        background-color: $accent;
+
+        // See _LocationPicker.scss
+        display: flex;
+        justify-content: center;
+        align-items: center;
 
         .mx_BaseAvatar {
-            margin-top: 2px;
-            margin-left: 2px;
+            margin: 0;
+            line-height: 1;
         }
     }