style(#2818): add landscape orientation style

src/features/MatchPage/components/FavouriteTeam/styled.tsx

@@ -20,10 +20,11 @@ export const ScModalContainer = styled(BaseModal)`
     ${isMobileDevice
     ? css`
          width: 95vw;
-         max-height: 90vh;
+         height: 85vh;
 
          @media screen and (orientation: landscape){
            max-height: 70vh;
+           min-width:95vw;
          }
          `
     : ''};
@@ -78,10 +79,10 @@ export const ScGroup = styled.div`
   width: 100%;
   ${isMobileDevice
     ? css`
-            height: 70vh;
+            height: 65vh;
 
             @media screen and (orientation: landscape){
-              height: 30vh;
+              height: 37vh;
             }
       `
     : ''};
@@ -115,8 +116,14 @@ export const ScTeamsList = styled.div`
             flex-wrap: unset;
             max-height: unset;
 
+            @media screen and (orientation: landscape){
+              max-height: 500px;
+              flex-wrap: wrap;
+            }
+
             > * {
               margin-bottom: 15px;
+              max-width: 150px;
             }
 
           `
@@ -130,7 +137,7 @@ export const ButtonsBlock = styled.div`
   ${isMobileDevice
     ? css`
             margin-top: 15px;
-      `
+`
     : ''};
 `