Coupon code style for very long codes (#2682)

annagav · web-flow · commit b5e3779b243c · 2025-06-02T10:58:43.000-04:00
diff --git a/frontend/public/src/components/OrderSummaryCard.js b/frontend/public/src/components/OrderSummaryCard.js
@@ -44,7 +44,7 @@ export class OrderSummaryCard extends React.Component<Props> {
 
     return (
       <div className="d-flex justify-content-between">
-        <div className="flex-grow-1">
+        <div className="flex-grow-1 w-75">
           Coupon applied (
           <em className="fw-bold text-primary">{discounts[0].discount_code}</em>{" "}
           )

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ export class OrderSummaryCard extends React.Component<Props> {`
`44`	`44`
`45`	`45`	`return (`
`46`	`46`	`<div className="d-flex justify-content-between">`
`47`		`- <div className="flex-grow-1">`
	`47`	`+ <div className="flex-grow-1 w-75">`
`48`	`48`	`Coupon applied (`
`49`	`49`	`<em className="fw-bold text-primary">{discounts[0].discount_code}</em>{" "}`
`50`	`50`	`)`