Merge pull request #29666 from ishpaul777/fix/ReportPreview-Button-width

[CP Staging] fixes max width and pay button for report preview
Expensify · Oct 16, 2023 · 834b3d2 · 834b3d2
2 parents 46f0249 + e9cd5d1
commit 834b3d2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js
@@ -241,7 +241,7 @@ function ReportPreview(props) {
                                 onPress={(paymentType) => IOU.payMoneyRequest(paymentType, props.chatReport, props.iouReport)}
                                 enablePaymentsRoute={ROUTES.ENABLE_PAYMENTS}
                                 addBankAccountRoute={bankAccountRoute}
-                                style={[styles.requestPreviewBox]}
+                                style={[styles.mt3]}
                                 anchorAlignment={{
                                     horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
                                     vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
@@ -253,7 +253,7 @@ function ReportPreview(props) {
                                 medium
                                 success={props.chatReport.isOwnPolicyExpenseChat}
                                 text={translate('common.submit')}
-                                style={styles.requestPreviewBox}
+                                style={styles.mt3}
                                 onPress={() => IOU.submitReport(props.iouReport)}
                             />
                         )}

diff --git a/src/styles/styles.ts b/src/styles/styles.ts
@@ -3689,7 +3689,7 @@ const styles = (theme: ThemeDefault) =>
         reportPreviewBox: {
             backgroundColor: theme.cardBG,
             borderRadius: variables.componentBorderRadiusLarge,
-            maxWidth: variables.sideBarWidth,
+            maxWidth: variables.reportPreviewMaxWidth,
             width: '100%',
         },
 

diff --git a/src/styles/variables.ts b/src/styles/variables.ts
@@ -167,7 +167,7 @@ export default {
     eReceiptWordmarkWidth: 86,
     eReceiptBGHeight: 540,
     eReceiptBGHWidth: 335,
-    reportPreviewMaxWidth: 302,
+    reportPreviewMaxWidth: 335,
     reportActionImagesSingleImageHeight: 147,
     reportActionImagesDoubleImageHeight: 138,
     reportActionImagesMultipleImageHeight: 110,