make outgoing status align flex-end

This commit is contained in:
audric 2021-09-06 10:45:29 +10:00
parent bfc805c9d4
commit 7c49c51cf8
1 changed files with 2 additions and 1 deletions

View File

@ -5,6 +5,7 @@ import { SessionIcon } from '../../session/icon';
const MessageStatusSendingContainer = styled.div`
display: inline-block;
align-self: flex-end;
margin-bottom: 2px;
margin-inline-start: 5px;
`;
@ -41,7 +42,7 @@ const MessageStatusRead = () => {
const MessageStatusError = () => {
return (
<MessageStatusSendingContainer title={window.i18n('sendFailed')}>
<SessionIcon iconColor={'var(--color-destructibe'} iconType="error" iconSize={'tiny'} />
<SessionIcon iconColor={'var(--color-destructive'} iconType="error" iconSize={'tiny'} />
</MessageStatusSendingContainer>
);
};