Fix width of message detail screen (#2478)

signalapp · Jun 21, 2018 · 4458397 · 4458397
1 parent 91e7155
commit 4458397
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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)}