From 445839770b0e37eecf9cb0730d9b75998e132263 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Thu, 21 Jun 2018 12:02:50 -0700
Subject: [PATCH] Fix width of message detail screen (#2478)

---
 stylesheets/_conversation.scss               | 5 +++--
 ts/components/conversation/ContactDetail.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index 3c22b1bbb65..13c933bdd4a 100644
--- a/stylesheets/_conversation.scss
+++ b/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 {
diff --git a/ts/components/conversation/ContactDetail.tsx b/ts/components/conversation/ContactDetail.tsx
index fced9c34004..26a7dade082 100644
--- a/ts/components/conversation/ContactDetail.tsx
+++ b/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)}