Merge pull request #636 from msgmaxim/typing-bubble

Add missing margin to typing indicator bubbles
6 years ago · 4c3b4b3e64
parent e06c2bf248 e738e07d3e
commit 4c3b4b3e64
1 changed files with 13 additions and 9 deletions
--- a/ts/components/conversation/TypingBubble.tsx
+++ b/ts/components/conversation/TypingBubble.tsx
@ -52,7 +52,10 @@ export class TypingBubble extends React.Component<Props> {
    const { i18n, color } = this.props;

    return (
-      <div className={classNames('module-message', 'module-message--incoming')}>
+      <div className="loki-message-wrapper">
+        <div
+          className={classNames('module-message', 'module-message--incoming')}
+        >
          <div
            className={classNames(
              'module-message__container',
@ -66,6 +69,7 @@ export class TypingBubble extends React.Component<Props> {
            {this.renderAvatar()}
          </div>
        </div>
+      </div>
    );
  }
 }