From a01cbb234dcb4c9ab58adc5bf459d06a1580025a Mon Sep 17 00:00:00 2001
From: James Acklin <james.acklin@gmail.com>
Date: Mon, 15 Mar 2021 16:07:31 -0400
Subject: [PATCH 1/2] chat: flex long display names

fixes urbit/landscape#569
---
 pkg/interface/src/views/apps/chat/components/ChatMessage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
index 18aee5057..2f11c3b31 100644
--- a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
+++ b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
@@ -437,13 +437,14 @@ export const MessageAuthor = ({
       </Box>
     );
   return (
-    <Box display='flex' alignItems='center' {...rest}>
+    <Box display='flex' alignItems='flex-start' {...rest}>
       <Box
         onClick={() => {
           setShowOverlay(true);
         }}
         height={24}
         pr={2}
+        mt={'1px'}
         pl={'12px'}
         cursor='pointer'
         position='relative'
@@ -476,7 +477,7 @@ export const MessageAuthor = ({
           <Text
             fontSize={1}
             mr={2}
-            flexShrink={0}
+            flexShrink={1}
             mono={nameMono}
             fontWeight={nameMono ? '400' : '500'}
             cursor='pointer'

From cf3cab82d002899d16323716e51b11fa07dc5ae1 Mon Sep 17 00:00:00 2001
From: James Acklin <james.acklin@gmail.com>
Date: Mon, 15 Mar 2021 16:23:16 -0400
Subject: [PATCH 2/2] chat: fix unread marker spacing regression

fixes urbit/landscape#570
---
 pkg/interface/src/views/apps/chat/components/ChatMessage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
index 2f11c3b31..082577471 100644
--- a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
+++ b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
@@ -84,7 +84,7 @@ export const UnreadMarker = React.forwardRef(
         position='absolute'
         ref={ref}
         px={2}
-        mt={2}
+        mt={0}
         height={5}
         justifyContent='center'
         alignItems='center'