From 997e621ce304de32c0603cedf79507264b26c1b0 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 3 May 2024 15:55:35 +0100
Subject: [PATCH] [Clipclops] Header tweaks (#3839)

* wrap text

* add dividers to convo menu
---
 src/components/dms/ConvoMenu.tsx            | 2 ++
 src/screens/Messages/Conversation/index.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/dms/ConvoMenu.tsx b/src/components/dms/ConvoMenu.tsx
index 4ab45bc0f7..90ffedae3f 100644
--- a/src/components/dms/ConvoMenu.tsx
+++ b/src/components/dms/ConvoMenu.tsx
@@ -123,6 +123,7 @@ let ConvoMenu = ({
               <Menu.ItemIcon icon={convo?.muted ? Unmute : Mute} />
             </Menu.Item>
           </Menu.Group>
+          <Menu.Divider />
           {/* TODO(samuel): implement these */}
           <Menu.Group>
             <Menu.Item
@@ -146,6 +147,7 @@ let ConvoMenu = ({
               <Menu.ItemIcon icon={Flag} />
             </Menu.Item>
           </Menu.Group>
+          <Menu.Divider />
           <Menu.Group>
             <Menu.Item
               label={_(msg`Leave conversation`)}
diff --git a/src/screens/Messages/Conversation/index.tsx b/src/screens/Messages/Conversation/index.tsx
index 0c68d619cd..ae54c563ea 100644
--- a/src/screens/Messages/Conversation/index.tsx
+++ b/src/screens/Messages/Conversation/index.tsx
@@ -125,9 +125,11 @@ let Header = ({
       ) : (
         <View style={{width: 30}} />
       )}
-      <View style={[a.align_center, a.gap_sm]}>
+      <View style={[a.align_center, a.gap_sm, a.flex_1]}>
         <PreviewableUserAvatar size={32} profile={profile} />
-        <Text style={[a.text_lg, a.font_bold]}>{profile.displayName}</Text>
+        <Text style={[a.text_lg, a.font_bold, a.text_center]}>
+          {profile.displayName}
+        </Text>
       </View>
       {chat.status === ConvoStatus.Ready ? (
         <ConvoMenu