Fix width of message detail screen ()

This commit is contained in:
Scott Nonnenberg 2018-06-21 12:02:50 -07:00 committed by GitHub
parent 91e7155736
commit 445839770b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
stylesheets
ts/components/conversation

View file

@ -866,7 +866,7 @@ span.status {
overflow-y: scroll; overflow-y: scroll;
} }
.contact-detail { .contact-detail-component {
text-align: center; text-align: center;
max-width: 300px; max-width: 300px;
margin-left: auto; margin-left: auto;
@ -958,8 +958,9 @@ span.status {
} }
} }
.conversation .contact-detail { .conversation .contact-detail-component {
margin-top: 40px; margin-top: 40px;
margin-bottom: 40px;
} }
.quoted-message { .quoted-message {

View file

@ -158,7 +158,7 @@ export class ContactDetail extends React.Component<Props> {
const { contact, hasSignalAccount, i18n, onSendMessage } = this.props; const { contact, hasSignalAccount, i18n, onSendMessage } = this.props;
return ( return (
<div className="contact-detail"> <div className="contact-detail-component">
{renderAvatar(contact, i18n)} {renderAvatar(contact, i18n)}
{renderName(contact)} {renderName(contact)}
{renderContactShorthand(contact)} {renderContactShorthand(contact)}