fix message indent in thread view (#8462)

Signed-off-by: Kerry Archibald <kerrya@element.io>

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/views/rooms/_EventTile.scss

@@ -886,7 +886,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         width: 100%;
 
         .mx_EventTile_content,
-        .mx_EventTile_body,
         .mx_HiddenBody,
         .mx_RedactedBody,
         .mx_UnknownBody,

src/components/views/messages/MLocationBody.tsx

@@ -96,7 +96,7 @@ export const LocationBodyFallbackContent: React.FC<{ event: MatrixEvent, error:
         (_t('Shared their location: ') + event.getContent()?.body) :
         (_t('Shared a location: ') + event.getContent()?.body);
 
-    return <div className="mx_EventTile_body">
+    return <div className="mx_EventTile_body mx_MLocationBody">
         <span className={errorType !== LocationShareError.MapStyleUrlNotConfigured ? "mx_EventTile_tileError" : ''}>
             { message }
         </span>

test/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`MLocationBody <MLocationBody> with error displays correct fallback content when map_style_url is misconfigured 1`] = `
 <div
-  className="mx_EventTile_body"
+  className="mx_EventTile_body mx_MLocationBody"
 >
   <span
     className="mx_EventTile_tileError"
@@ -16,7 +16,7 @@ exports[`MLocationBody <MLocationBody> with error displays correct fallback cont
 
 exports[`MLocationBody <MLocationBody> with error displays correct fallback content without error style when map_style_url is not configured 1`] = `
 <div
-  className="mx_EventTile_body"
+  className="mx_EventTile_body mx_MLocationBody"
 >
   <span
     className=""