Merge pull request #5941 from parasharrajat/chat-ui

fix: IOU quote UI
Expensify · Oct 19, 2021 · d0abb52 · d0abb52
2 parents d0c166e + dc90a97
commit d0abb52
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/src/components/ReportActionItem/IOUQuote.js b/src/components/ReportActionItem/IOUQuote.js
@@ -33,20 +33,18 @@ const IOUQuote = ({
 }) => (
     <View style={[styles.chatItemMessage]}>
         {_.map(action.message, (fragment, index) => (
-            <View key={`iouQuote-${action.sequenceNumber}-${index}`}>
-                <View style={[styles.blockquote]}>
-                    <Text style={[styles.chatItemMessage]}>
-                        {fragment.text}
+            <View key={`iouQuote-${action.sequenceNumber}-${index}`} style={[styles.alignItemsStart, styles.blockquote]}>
+                <Text style={[styles.chatItemMessage]}>
+                    {fragment.text}
+                </Text>
+                {shouldShowViewDetailsLink && (
+                    <Text
+                        style={[styles.chatItemMessageLink, styles.alignSelfStart]}
+                        onPress={onViewDetailsPressed}
+                    >
+                        {translate('iou.viewDetails')}
                     </Text>
-                    {shouldShowViewDetailsLink && (
-                        <Text
-                            style={[styles.chatItemMessageLink]}
-                            onPress={onViewDetailsPressed}
-                        >
-                            {translate('iou.viewDetails')}
-                        </Text>
-                    )}
-                </View>
+                )}
             </View>
         ))}
     </View>