From 9783d62e73f620936439c9edf2575c655c160686 Mon Sep 17 00:00:00 2001
From: Rakov Roman <roman.rakov@instatsport.com>
Date: Tue, 26 Apr 2022 15:33:19 +0300
Subject: [PATCH 1/2] fix(#2404): fixed layout of the modal subscription
 selection window

---
 .../components/PackagesList/styled.tsx        | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/features/BuyMatchPopup/components/PackagesList/styled.tsx b/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
index b23c4faa..e0b3f747 100644
--- a/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
+++ b/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
@@ -33,7 +33,7 @@ export const List = styled.ul`
   ${isMobileDevice
     ? css`
       padding: 0;
-      height: 176px;
+      height: 180px;
       margin-top: 19px;
       @media screen and (orientation: landscape){
         margin-top: 10px;
@@ -78,29 +78,29 @@ export const Item = styled.li.attrs(() => ({
   @media (max-width: 750px) {
     height: 100%;
   }
-    ${isMobileDevice
+  
+  ${isMobileDevice
     ? css`
       padding: 5px 10px;
-      min-height: 52.29px;
-      height: 52.29px;
 
-      :not(:last-child) {
-       margin-bottom: 10px;
-       @media screen and (orientation: landscape){
-         margin-bottom: 5.24px;
-       }
-       @media (max-width: 850px) and (orientation: landscape){
+      @media (max-width: 750px) {
         min-height: 52.29px;
-        height: 52.29px;
+        height: auto;
       }
+
+      :not(:last-child) {
+        margin-bottom: 10px;
+
+        @media screen and (orientation: landscape) {
+          margin-bottom: 5.24px;
+        }
       }
-    `
-    : ''};
+    ` : ''};
 
-    @media (max-width: 850px) and (orientation: landscape){
-      min-height: 52.29px;
-      height: 52.29px;
-    }
+  @media (max-width: 850px) and (orientation: landscape){
+    min-height: 52.29px;
+    height: auto;
+  }
 `
 
 export const InfoWrapper = styled.div`
@@ -213,6 +213,7 @@ export const ScAutoRenewal = styled(PriceDetails)`
   line-height: 21px;
   font-size: 12px;
   text-transform: none;
+  white-space: nowrap;
   margin: 0;
   color: ${({ theme: { colors } }) => colors.text70};
 `

From f296ae18ab866f61509e987f2db0076d9c554ba4 Mon Sep 17 00:00:00 2001
From: Rakov Roman <roman.rakov@instatsport.com>
Date: Tue, 26 Apr 2022 17:09:28 +0300
Subject: [PATCH 2/2] fix(#2404): fixed height list of packages

---
 src/features/BuyMatchPopup/components/PackagesList/styled.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/features/BuyMatchPopup/components/PackagesList/styled.tsx b/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
index e0b3f747..4575bbe3 100644
--- a/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
+++ b/src/features/BuyMatchPopup/components/PackagesList/styled.tsx
@@ -11,7 +11,6 @@ import {
 
 export const List = styled.ul`
   width: 100%;
-  height: 460px;
   overflow-y: auto;
   margin-top: 25px;
   padding: 0 40px;
@@ -33,11 +32,9 @@ export const List = styled.ul`
   ${isMobileDevice
     ? css`
       padding: 0;
-      height: 180px;
       margin-top: 19px;
       @media screen and (orientation: landscape){
         margin-top: 10px;
-        height: 166px;
       }
     `
     : ''};