From 372340baa7a38324fbbe2f682d814274f0ae317a Mon Sep 17 00:00:00 2001
From: Sergiu <46888793+Serj10GR@users.noreply.github.com>
Date: Mon, 7 Sep 2020 15:52:11 +0300
Subject: [PATCH] Ott 419 player ph (#131)

* style(#419): added background to player photo

* style(#420): card hover height fixed

* style(#321): profile items alignment fixed
---
 src/features/MatchCard/styled.tsx   | 5 +++++
 src/features/ProfileCard/styled.tsx | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx
index ea4b419a..cd467443 100644
--- a/src/features/MatchCard/styled.tsx
+++ b/src/features/MatchCard/styled.tsx
@@ -160,6 +160,11 @@ export const MoreVideo = styled(T9n)`
 export const CardHoverWrapper = styled(CardWrapper)`
   padding: 16px 24px;
   cursor: pointer;
+  height: 288px;
+
+  @media${devices.laptop} {
+    height: 279px;
+  }
 `
 
 export const CardHoverInner = styled.div`
diff --git a/src/features/ProfileCard/styled.tsx b/src/features/ProfileCard/styled.tsx
index 12be63d7..aff52091 100644
--- a/src/features/ProfileCard/styled.tsx
+++ b/src/features/ProfileCard/styled.tsx
@@ -20,6 +20,7 @@ export const Name = styled.h1`
 export const Logo = styled.img<{ profileType: number }>`
   width: 88px;
   height: 88px;
+  background-color: #1C1C1C;
   margin-right: 15px;
   border-radius: ${({ profileType }) => (
     profileType === ProfileTypes.PLAYERS ? '50%' : '0'
@@ -67,6 +68,8 @@ export const InFavorites = styled(AddToFavButton)`
 
 export const InfoItems = styled.div`
   margin-left: 20px;
+  display: flex;
+  align-items: center;
 `
 
 export const InfoItem = styled.div`