diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue index 1dc202c3..976cf8df 100644 --- a/src/iss-components/site-sub-header/site-sub-header.vue +++ b/src/iss-components/site-sub-header/site-sub-header.vue @@ -117,7 +117,7 @@ export default { alternateFormatting() { // override for service-packages unique style if (this.issContainingPage?.toLowerCase() === 'service-packages') { - return 'service-packages-subtext my-4'; + return 'service-packages-subtext'; } return this.darkGraySubText ? 'dark-gray' : 'light-gray'; } diff --git a/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue index 4e1cf8f1..efdf6d7b 100644 --- a/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue +++ b/src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue @@ -144,10 +144,10 @@ export default { cursor: pointer; width: 100%; padding: 1rem; - border: 0.666667px solid $gray-300; + border: 0.666667px solid #dddddd; //box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.15), 0px 4px 24px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); - border-radius: 0.5rem; + border-radius: 0.25rem; overflow: hidden; min-height: 60px; max-height: 100px; @@ -165,7 +165,7 @@ export default { top: 5px; margin-right: 1rem; border-radius: 50%; - border: 0.666667px solid $gray-500; + border: 0.666667px solid #767676; width: 16px; height: 16px; min-width: 16px; @@ -186,7 +186,7 @@ export default { &:hover { + .package-label { &:before { - border: 0.666667px solid #8e9292; + border: 0.666667px solid #767676; box-shadow: 0px 0px 0px 4px #9fcee6, 0px 1px 4px rgba(0, 0, 0, 0.2); } } @@ -215,24 +215,18 @@ export default { + .package-label { &:before { - box-shadow: 0px 0px 0px 1px $heritage-blue-secondary; + box-shadow: 0px 0px 0px 1px $heritage-blue-primary; + border: none; } } + .package-label { &:after { - background: $heritage-blue-secondary; + background: $heritage-blue-primary; } } } - &:focus { - + .package-label { - &:before { - border: 2px solid $heritage-blue-secondary; - } - } - } } .package-footer { @@ -267,12 +261,12 @@ export default { } ul { - margin:0.5rem 0 0 -.6rem; // .9375rem in fmg + margin:0.5rem 0 0 -.6rem; padding: 0; color: $darker-gray; li { - margin-bottom: 0.5rem; + margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.5rem; color: $darker-gray; diff --git a/src/layouts/service-packages/service-packages.vue b/src/layouts/service-packages/service-packages.vue index fc735992..b6ab110f 100644 --- a/src/layouts/service-packages/service-packages.vue +++ b/src/layouts/service-packages/service-packages.vue @@ -11,7 +11,7 @@