fix(#2857): reduced icon size

src/features/FavoritesMobilePopup/components/GroupBlock/index.tsx

@@ -70,7 +70,7 @@ export const GroupBlock = ({ groupBlock }: Props) => {
               <EmptyDiv>
                 <Name>{name}</Name>
                 <CountryAndTeamInfo>
-                  <SportIcon sport={item.sport} size={12} />
+                  <SportIcon sport={item.sport} size={10} />
                   <Flag src={`https://instatscout.com/images/flags/48/${item.info.country?.id}.png`} />
                   <EmptySpan>{countryOrTeam}</EmptySpan>
                 </CountryAndTeamInfo>

src/features/ItemsList/index.tsx

@@ -3,6 +3,7 @@ import { Fragment } from 'react'
 import map from 'lodash/map'
 
 import { SportTypes, ProfileTypes } from 'config'
+import { isMobileDevice } from 'config/userAgent'
 
 import { Gender } from 'requests'
 
@@ -51,7 +52,7 @@ export const ItemsList = ({
         >
           <Name nameObj={item} />
           <ItemInfo>
-            <SportIcon sport={item.sport} />
+            <SportIcon size={isMobileDevice ? 10 : 20} sport={item.sport} />
             {item.additionalInfo && (
               <Fragment>
                 <Flag src={`https://instatscout.com/images/flags/48/${item.additionalInfo.id}.png`} />

src/features/ItemsList/styled.tsx

@@ -82,7 +82,7 @@ export const Flag = styled.img`
     ? css`
         width: 12px;
         height: 10px;
-        margin: 0 5px 0 0;
+        margin: 0 5px 0 5px;
       `
     : ''};
 `

src/features/TournamentList/components/CollapseTournament/index.tsx

@@ -69,7 +69,11 @@ export const CollapseTournament = ({
         </PreviewWrapper>
         <Info>
           <FirstInfo>
-            <SportIcon size={24} fill='#ffffff' sport={sportType} />
+            <SportIcon
+              size={20}
+              fill='#ffffff'
+              sport={sportType}
+            />
             <CountryFlag
               src={`https://instatscout.com/images/flags/48/${countryId}.png`}
             />

src/features/TournamentList/components/TournamentMobile/index.tsx

@@ -49,7 +49,7 @@ export const TournamentMobile = ({
           {!isLffClient && (
             <Fragment>
               <SportIcon
-                size={12}
+                size={10}
                 fill={open ? '#ffffff' : ''}
                 sport={sportType}
               />

src/features/TournamentSubtitle/index.tsx

@@ -42,7 +42,7 @@ export const TournamentSubtitle = ({
       {!isLffClient && (
         <Fragment>
           <SportIcon
-            size={isMobileDevice ? 12 : 24}
+            size={isMobileDevice ? 10 : 20}
             sport={sportType ?? sportTypeFromUrl}
           />
           <CountryFlag src={`https://instatscout.com/images/flags/48/${countryId}.png`} />