From 8a5357445378ca0dd1736e566ad466f5720e3528 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Sun, 4 Oct 2020 19:48:15 -0400
Subject: [PATCH] chat: line up child messages properly

---
 .../src/views/apps/chat/components/lib/ChatMessage.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/lib/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/lib/ChatMessage.tsx
index eb647fee6..3d49706dd 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/ChatMessage.tsx
+++ b/pkg/interface/src/views/apps/chat/components/lib/ChatMessage.tsx
@@ -85,7 +85,7 @@ export default class ChatMessage extends Component<ChatMessageProps> {
       isLastMessage,
       unreadMarkerRef
     } = this.props;
-  
+
     const renderSigil = Boolean((nextMsg && msg.author !== nextMsg.author) || !nextMsg || msg.number === 1);
     const dayBreak = nextMsg && new Date(msg.when).getDate() !== new Date(nextMsg.when).getDate();
 
@@ -221,7 +221,7 @@ export class MessageWithSigil extends PureComponent<MessageProps> {
 
 export const MessageWithoutSigil = ({ timestamp, msg, remoteContentPolicy, measure }) => (
   <>
-    <p className="child ph1 mono f9 gray2 dib">{timestamp}</p>
+    <p className="child pr1 mono f9 gray2 dib">{timestamp}</p>
     <div className="fr clamp-message white-d pr3 lh-copy" style={{ flexGrow: 1 }}>
       <MessageContent content={msg.letter} remoteContentPolicy={remoteContentPolicy} measure={measure}/>
     </div>