From d06526a10405a9ff3641b5ecf867b8f1e7adece6 Mon Sep 17 00:00:00 2001
From: Ruslan Khayrullin <ruslfm08@gmail.com>
Date: Mon, 19 Dec 2022 16:47:47 +0500
Subject: [PATCH] feat(in-142): fixes

---
 .../components/PlayersPlaylists/styled.tsx            |  2 +-
 .../components/PlayersTable/config.tsx                |  1 +
 src/features/MatchSidePlaylists/styled.tsx            | 11 +++++------
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/MatchSidePlaylists/components/PlayersPlaylists/styled.tsx b/src/features/MatchSidePlaylists/components/PlayersPlaylists/styled.tsx
index c250bfbb..0fa2373a 100644
--- a/src/features/MatchSidePlaylists/components/PlayersPlaylists/styled.tsx
+++ b/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 = {
diff --git a/src/features/MatchSidePlaylists/components/PlayersTable/config.tsx b/src/features/MatchSidePlaylists/components/PlayersTable/config.tsx
index c0ac6c10..e43e46af 100644
--- a/src/features/MatchSidePlaylists/components/PlayersTable/config.tsx
+++ b/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
diff --git a/src/features/MatchSidePlaylists/styled.tsx b/src/features/MatchSidePlaylists/styled.tsx
index 75a962a4..0ba4d49a 100644
--- a/src/features/MatchSidePlaylists/styled.tsx
+++ b/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;
   }