min width modal, increase smallmobile height, fix link text not wrapping

paypal · Dec 3, 2024 · 5805b12 · 5805b12
1 parent aa9bc6d
commit 5805b12
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
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
@@ -77,17 +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;
 
-            @include smallMobile {
-                padding-top: 22px;
-            }
-
             &:first-child {
                 padding-top: 0px;