From 565488a10a15344c97ae882ce37b708d2a48ed07 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Fri, 29 Apr 2022 08:29:18 +0000
Subject: [PATCH] Add margin to the location map inside ThreadView (#8442)

* Add margin to the location map inside ThreadView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove margin from location map inside a reply

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add margin to the location map error message inside ThreadView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add margin-top to the map inside a reply

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/rooms/_EventTile.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index dce0c58073..343c823be1 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -844,6 +844,12 @@ $left-gutter: 64px;
             padding-left: 0;
             padding-right: 0;
         }
+
+        .mx_ReplyChain {
+            .mx_MLocationBody {
+                margin-top: 6px; // See: https://github.com/matrix-org/matrix-react-sdk/pull/8442
+            }
+        }
     }
 
     .mx_EventTile:not([data-layout=bubble]) {
@@ -883,10 +889,12 @@ $left-gutter: 64px;
         width: 100%;
 
         .mx_EventTile_content,
+        .mx_EventTile_body,
         .mx_HiddenBody,
         .mx_RedactedBody,
         .mx_UnknownBody,
         .mx_MPollBody,
+        .mx_MLocationBody,
         .mx_ReplyChain_wrapper,
         .mx_ReactionsRow {
             margin-left: $spacing-start;
@@ -900,6 +908,13 @@ $left-gutter: 64px;
             }
         }
 
+        .mx_ReplyChain_wrapper {
+            .mx_MLocationBody {
+                margin-inline-start: 0;
+                margin-inline-end: 0;
+            }
+        }
+
         .mx_MessageTimestamp {
             top: 2px !important;
             width: auto;