From e5c6e34c86ed560ce8b6b99de6e53446702851ca Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Thu, 9 Feb 2023 10:04:19 +1100
Subject: [PATCH] fix: avatar alignement issue with message
---
.../conversation/message/message-content/MessageAvatar.tsx | 2 +-
.../message/message-content/MessageContentWithStatus.tsx | 2 ++
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/ts/components/conversation/message/message-content/MessageAvatar.tsx b/ts/components/conversation/message/message-content/MessageAvatar.tsx
index 71310d77f..741606859 100644
--- a/ts/components/conversation/message/message-content/MessageAvatar.tsx
+++ b/ts/components/conversation/message/message-content/MessageAvatar.tsx
@@ -20,7 +20,7 @@ import { Avatar, AvatarSize, CrownIcon } from '../../../avatar/Avatar';
const StyledAvatar = styled.div`
position: relative;
margin-inline-end: 20px;
- padding-top: 5px;
+ padding-bottom: 6px;
padding-inline-end: 4px;
`;
diff --git a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
index d4ee14025..35ae12b71 100644
--- a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
+++ b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
@@ -46,6 +46,8 @@ const StyledMessageContentContainer = styled.div<{ direction: 'left' | 'right' }
const StyledMessageWithAuthor = styled.div<{ isIncoming: boolean }>`
max-width: ${props => (props.isIncoming ? '100%' : 'calc(100% - 17px)')};
+ display: flex;
+ flex-direction: column;
`;
export const MessageContentWithStatuses = (props: Props) => {