From 5aa5b29f2e9f964f4249b19602f75ead10d56e35 Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Wed, 13 Aug 2025 13:38:41 -0400 Subject: [PATCH 1/3] CASH-1404 fix label style. --- .../service-package-radio-for-afterpay.vue | 8 ++++++++ .../service-package-radio.vue | 19 +++++++++++++++++++ 2 files changed, 27 insertions(+) diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 3b23824d8..9c10861c0 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -222,6 +222,14 @@ export default { @include media-breakpoint-up(lg) { & > div:first-of-type { display: flex; + justify-content: space-between; + p { + &.sub-label { + background: $green-100; + border-radius: 50rem; + padding: 0.25rem 0.50rem; + } + } } } } diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index bee29afd8..3ef48d03b 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -291,6 +291,25 @@ export default { height: 10px; min-width: 10px; } + + &.has-subheader { + & > .package-specs { + display: inline-flex; + @include media-breakpoint-up(lg) { + & > div:first-of-type { + display: flex; + justify-content: space-between; + p { + &.sub-label { + background: $green-100; + border-radius: 50rem; + padding: 0.25rem 0.50rem; + } + } + } + } + } + } } &:hover { From d3b2526ea9d611241436b7587dbc85d36d99555d Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Wed, 13 Aug 2025 13:41:02 -0400 Subject: [PATCH 2/3] CASH-1404 format code. --- .../service-package-radio-for-afterpay.vue | 2 +- src/experiment-components/service-package-radio.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 9c10861c0..a7da76229 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -227,7 +227,7 @@ export default { &.sub-label { background: $green-100; border-radius: 50rem; - padding: 0.25rem 0.50rem; + padding: 0.25rem 0.5rem; } } } diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index 3ef48d03b..9358d06ab 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -303,7 +303,7 @@ export default { &.sub-label { background: $green-100; border-radius: 50rem; - padding: 0.25rem 0.50rem; + padding: 0.25rem 0.5rem; } } } From 42fa52456c3a639bec8276ccbbc7bd099331ede7 Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Wed, 13 Aug 2025 14:58:13 -0400 Subject: [PATCH 3/3] CASH-1404 fix label style. --- .../service-package-radio-for-afterpay.vue | 13 ------------- src/experiment-components/service-package-radio.vue | 13 ------------- 2 files changed, 26 deletions(-) diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index a7da76229..9ccfa31f9 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -219,19 +219,6 @@ export default { &.has-subheader { & > .package-specs { display: inline-flex; - @include media-breakpoint-up(lg) { - & > div:first-of-type { - display: flex; - justify-content: space-between; - p { - &.sub-label { - background: $green-100; - border-radius: 50rem; - padding: 0.25rem 0.5rem; - } - } - } - } } } diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index 9358d06ab..ee7e12712 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -295,19 +295,6 @@ export default { &.has-subheader { & > .package-specs { display: inline-flex; - @include media-breakpoint-up(lg) { - & > div:first-of-type { - display: flex; - justify-content: space-between; - p { - &.sub-label { - background: $green-100; - border-radius: 50rem; - padding: 0.25rem 0.5rem; - } - } - } - } } } }