Merge pull request #1160 from erikacolette29/hotfix/DTCRCMERC-3699-DE…

…GPLLT-APR-visibility-fix fix: (LIVE ISSUE) DE GPL LT: Calculator in app does not properly display APRs
paypal · Dec 11, 2024 · 2e4402f · 2e4402f
2 parents 713635e + 5805b12
commit 2e4402f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/modal/v2/parts/views/LongTerm/styles.scss b/src/components/modal/v2/parts/views/LongTerm/styles.scss
@@ -21,7 +21,6 @@
 }
 
 .nav__link-prefix {
-    min-width: 315px;
     padding: 0px;
     font-size: 14px;
     margin: 0px;

diff --git a/src/components/modal/v2/styles/components/_body-content.scss b/src/components/modal/v2/styles/components/_body-content.scss
@@ -76,6 +76,9 @@
     @include desktop {
         max-height: 90vh;
     }
+    @include mobile {
+        min-width: 285px;
+    }
 
     @include lander {
         height: auto;

diff --git a/src/components/modal/v2/styles/components/_offer-accordion.scss b/src/components/modal/v2/styles/components/_offer-accordion.scss
@@ -1,3 +1,5 @@
+@import '../globals/mixins';
+
 .accordion {
     &__container {
         border: 1px solid $light-gray;
@@ -75,12 +77,17 @@
         .open & {
             height: 172px;
             transition: height 0.2s linear;
+
+            @include smallMobile {
+                height: 190px;
+            }
         }
 
         .accordion__row {
             display: flex;
             justify-content: space-between;
             padding: 25px 18px 0px 13px;
+
             &:first-child {
                 padding-top: 0px;