diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 93cc27e3..f254eb75 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -291,6 +291,7 @@ li.entry .error-icon-container { word-wrap: break-word; margin-left: 8px; max-width: 30em; + text-align: -webkit-auto; @media(max-width: $big-avatar-min-width - 1px) { max-width: calc(100% - 45px - #{$error-icon-size}); // avatar size + padding + error-icon size diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index 74438a9e..f6cd9522 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -306,6 +306,7 @@ $avatar-size: 44px; display: inline-block; margin: 0 0 0 $left-margin; width: calc(100% - #{$avatar-size} - #{$left-margin} - 4px); + text-align: left; p { overflow-x: hidden; @@ -319,6 +320,7 @@ $avatar-size: 44px; font-weight: 400; text-overflow: ellipsis; overflow-x: hidden; + text-align: left; } .number { diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 15b911d7..048dd502 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -288,7 +288,7 @@ img.emoji { font-weight: 400; text-overflow: ellipsis; overflow-x: hidden; - text-align: left; } + text-align: left; } .contact-details .number { color: #616161; font-size: small; }