From 202e53aa884981dd1882e144ad6380d40b6dd54a Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 21 Feb 2025 16:24:51 -0500
Subject: [PATCH] CASH-151 style updates.

---
 .../service-package-radio.vue                 | 41 ++++++++++++++++---
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue
index 4aae00bc0..42b96a17b 100644
--- a/src/experiment-components/service-package-radio.vue
+++ b/src/experiment-components/service-package-radio.vue
@@ -201,19 +201,44 @@ export default {
                 If this experiment wins, move this to package-label ::before/::after below
                 */
                 &:before {
-                    top: 15px;
+                    top: 0.9375rem;
                 }
                 &:after {
-                    top: 30px;
+                    top: 1.875rem;
+                }
+                @include media-breakpoint-up(lg) {
+                    &:before {
+                        top: .5rem;
+                    }
+                    &:after {
+                        top: 1.875rem;
+                    }
+                    p {
+                        span {
+                            align-self: center;
+                        }
+                    }
                 }
             }
 
             + .package-label.pricing-by-day-pkg-lbl-ins {
                 &:before {
-                    top: 5px;
+                    top: .3125rem;
                 }
                 &:after {
-                    top: 20px;
+                    top: 1.25rem;
+                }
+            }
+
+            + .package-label.pricing-by-day-pkg-lbl {
+                &:before {
+                    top: 0.9375rem;
+                    @include media-breakpoint-up(lg) {
+                        top: .3125rem;
+                    }
+                }
+                &:after {
+                    top: 1.25rem;
                 }
             }
 
@@ -350,7 +375,8 @@ export default {
                     &.pricing-info-pricing-by-day {
                         text-align: end;
                         color: $green;
-                        font-size: 0.875rem;
+                        font-size: 1rem;
+                        line-height: 1;
                         span.strikethrough-price {
                             text-decoration: line-through;
                             font-size: 0.75rem;
@@ -376,6 +402,7 @@ export default {
                     justify-content: flex-end;
                     align-items: center;
                     align-self: flex-start;
+                    line-height: 1;
                     div.strikethrough-discount-price {
                         display: inline;
                         text-decoration: line-through;
@@ -392,8 +419,12 @@ export default {
                     div.discount-price {
                         color: $green;
                         display: inline;
+                        font-size: 1rem;
                     }
                 }
+                .caption {
+                    font-size: 0.625rem;
+                }
             }
             ul {
                 margin: 1rem 0 0 -5px;