Fix width of message detail screen (#2478)
This commit is contained in:
parent
91e7155736
commit
445839770b
2 changed files with 4 additions and 3 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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)}
|
||||||
|
|
Loading…
Add table
Reference in a new issue