Fix width of message detail screen (#2478)

stylesheets/_conversation.scss

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

ts/components/conversation/ContactDetail.tsx

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