feat(in-142): fixes

src/features/MatchSidePlaylists/components/PlayersPlaylists/styled.tsx

@@ -29,7 +29,7 @@ export const PlayerAvatar = styled(ProfileLogo)`
 
 export const Tabs = styled.div`
   margin-top: -10px;
-  margin-bottom: 23px;
+  margin-bottom: 6px;
 `
 
 type TabProps = {

src/features/MatchSidePlaylists/components/PlayersTable/config.tsx

@@ -4,3 +4,4 @@ export const STATS_POLL_INTERVAL = 30000
 export const DISPLAYED_PARAMS_COLUMNS = 4
 export const FIRST_COLUMN_WIDTH_DEFAULT = 100
 export const SCROLLBAR_WIDTH = 8
+export const CELL_WIDTH = PARAM_COLUMN_WIDTH

src/features/MatchSidePlaylists/styled.tsx

@@ -57,7 +57,8 @@ export const TabsGroup = styled.div.attrs({ role: 'tablist' })<TabsGroupProps>`
 `
 
 export const TabTitle = styled(T9n)`
-  font-size: 8px;
+  font-size: 10px;
+  font-weight: 500;
   text-transform: uppercase;
   color: ${({ theme }) => theme.colors.white};
 `
@@ -77,7 +78,6 @@ export const Tab = styled.button.attrs({ role: 'tab' })`
     opacity: 1;
 
     ${TabTitle} {
-      font-size: 9px;
       font-weight: 600;
     }
   }
@@ -88,8 +88,8 @@ type TabIconProps = {
 }
 
 export const TabIcon = styled.div<TabIconProps>`
-  width: 20px;
-  height: 20px;
+  width: 22px;
+  height: 22px;
   background-image: url(/images/matchTabs/${({ icon }) => `${icon}.svg`});
   background-repeat: no-repeat;
   background-position: center;
@@ -109,7 +109,7 @@ type TContainer = {
 
 export const Container = styled.div<TContainer>`
   width: 320px;
-  margin-top: 23px;
+  margin-top: 14px;
   max-height: calc(100vh - 130px);
   overflow-y: ${({ forWatchTab }) => (forWatchTab ? 'hidden' : 'auto')};
   padding-right: ${({ forWatchTab }) => (forWatchTab ? '0' : '')};
@@ -118,7 +118,6 @@ export const Container = styled.div<TContainer>`
 
   ${customScrollbar}
 
-
   @media ${devices.tablet} {
     margin-top: 15px;
   }