diff --git a/assets/scss/components/stencil/returnDetails/_returnDetails.scss b/assets/scss/components/stencil/returnDetails/_returnDetails.scss index 900e9db44f..dd24a8d99b 100644 --- a/assets/scss/components/stencil/returnDetails/_returnDetails.scss +++ b/assets/scss/components/stencil/returnDetails/_returnDetails.scss @@ -23,37 +23,11 @@ margin: 0; } -.returnDetails-statusBadge { - display: inline-block; - padding: spacing("eighth") spacing("quarter"); - border-radius: remCalc(4px); - font-size: remCalc(11px); - font-weight: fontWeight("bold"); - letter-spacing: remCalc(1px); +// Status badge is shared with the returns list (.account-orderStatus-label); +.returnDetails-titleGroup .account-orderStatus-label { + font-family: $header-font-family; text-transform: uppercase; - background-color: stencilColor("returnStatus-closed-backgroundColor"); - color: stencilColor("returnStatus-closed-color"); -} - -// Status badges pair a background and text colour per variation -.returnDetails-statusBadge--open { - background-color: stencilColor("returnStatus-open-backgroundColor"); - color: stencilColor("returnStatus-open-color"); -} - -.returnDetails-statusBadge--in_progress { - background-color: stencilColor("returnStatus-inProgress-backgroundColor"); - color: stencilColor("returnStatus-inProgress-color"); -} - -.returnDetails-statusBadge--closed { - background-color: stencilColor("returnStatus-closed-backgroundColor"); - color: stencilColor("returnStatus-closed-color"); -} - -.returnDetails-statusBadge--cancelled { - background-color: stencilColor("returnStatus-cancelled-backgroundColor"); - color: stencilColor("returnStatus-cancelled-color"); + margin: 0; } .returnDetails-divider { diff --git a/templates/pages/account/return-details.html b/templates/pages/account/return-details.html index ef0c9dd234..98198c9f86 100644 --- a/templates/pages/account/return-details.html +++ b/templates/pages/account/return-details.html @@ -30,16 +30,16 @@