diff --git a/app/containers/message/Components/Attachments/Reply.tsx b/app/containers/message/Components/Attachments/Reply.tsx
index eb374a5beb..1acb1788b1 100644
--- a/app/containers/message/Components/Attachments/Reply.tsx
+++ b/app/containers/message/Components/Attachments/Reply.tsx
@@ -30,7 +30,7 @@ const styles = StyleSheet.create({
attachmentContainer: {
flex: 1,
borderRadius: 4,
- flexDirection: 'column',
+ flexDirection: 'row',
paddingVertical: 4,
paddingLeft: 8
},
@@ -43,6 +43,11 @@ const styles = StyleSheet.create({
alignItems: 'center',
marginBottom: 8
},
+ titleAndDesciptionContainer: {
+ flexDirection: "column",
+ flex: 1,
+ width: 200
+ },
author: {
fontSize: 16,
...sharedStyles.textMedium,
@@ -72,11 +77,12 @@ const styles = StyleSheet.create({
marginBottom: 4
},
image: {
- height: 200,
- flex: 1,
+ height: 80,
+ width: 80,
borderTopLeftRadius: 4,
borderTopRightRadius: 4,
- marginBottom: 1
+ marginBottom: 1,
+ marginLeft: 20
},
title: {
flex: 1,
@@ -245,28 +251,30 @@ const Reply = React.memo(
background={Touchable.Ripple(themes[theme].surfaceNeutral)}
disabled={!!(loading || attachment.message_link)}>
-
-
+
+
+
+
+
+ {loading ? (
+
+
+
+
+ ) : null}
+
-
-
- {loading ? (
-
-
-
-
- ) : null}