From de74bb81ba8f9e5ca3703448bc9671eba69f2fe9 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@pm.me>
Date: Thu, 16 Jan 2020 19:41:31 +0100
Subject: [PATCH] Fix placeholders alignment

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
---
 .../MessagesList/LoadingMessage.vue           | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/MessagesList/LoadingMessage.vue b/src/components/MessagesList/LoadingMessage.vue
index faf1355cd..b1e66168d 100644
--- a/src/components/MessagesList/LoadingMessage.vue
+++ b/src/components/MessagesList/LoadingMessage.vue
@@ -21,12 +21,14 @@
 
 <template>
 	<li class="message-placeholder">
-		<div class="icon-container" />
-		<div class="placeholder">
-			<div class="user" />
-			<div class="line" />
-			<div class="line" />
-			<div class="half-line" />
+		<div class="message-placeholder__wrapper">
+			<div class="icon-container" />
+			<div class="placeholder">
+				<div class="user" />
+				<div class="line" />
+				<div class="line" />
+				<div class="half-line" />
+			</div>
 		</div>
 	</li>
 </template>
@@ -43,9 +45,11 @@ export default {
 	.message-placeholder {
 		line-height: 44px;
 		list-style-type: none;
-		padding-left: 10px;
-		padding-bottom: 5px;
-
+		width: 100%;
+		&__wrapper{
+			width: $message-max-width + 60px;
+			margin: 0 auto;
+		}
 		$icon-size: 44px;
 		.icon-container {
 			width: $icon-size;