From f4d742a0bb43e893b5490256bd65cb719f366766 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <ad933@mail.ru>
Date: Wed, 2 Feb 2022 20:40:56 +0700
Subject: [PATCH] refactor(#2222): delete match description

---
 .../MatchPage/components/FinishedMatch/index.tsx         | 2 --
 src/features/MatchPage/components/LiveMatch/index.tsx    | 2 --
 src/features/MatchPage/styled.tsx                        | 9 +++++----
 src/features/MatchSidePlaylists/styled.tsx               | 2 +-
 src/features/StreamPlayer/styled.tsx                     | 3 ++-
 src/features/VideoPlayer/styled.tsx                      | 1 -
 6 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/features/MatchPage/components/FinishedMatch/index.tsx b/src/features/MatchPage/components/FinishedMatch/index.tsx
index 264d3d6f..2fae92ce 100644
--- a/src/features/MatchPage/components/FinishedMatch/index.tsx
+++ b/src/features/MatchPage/components/FinishedMatch/index.tsx
@@ -9,7 +9,6 @@ import { MatchSidePlaylists } from 'features/MatchSidePlaylists'
 import { MultiSourcePlayer } from 'features/MultiSourcePlayer'
 
 import { SettingsPopup } from '../SettingsPopup'
-import { MatchDescription } from '../MatchDescription'
 
 import { useFinishedMatch } from './hooks'
 import { Container } from '../../styled'
@@ -54,7 +53,6 @@ export const FinishedMatch = ({ events, profile }: Props) => {
             onPlayingChange={onPlayingChange}
           />
         )}
-        <MatchDescription profile={profile} />
       </Container>
 
       <MatchSidePlaylists
diff --git a/src/features/MatchPage/components/LiveMatch/index.tsx b/src/features/MatchPage/components/LiveMatch/index.tsx
index f4e46991..d5ea58e3 100644
--- a/src/features/MatchPage/components/LiveMatch/index.tsx
+++ b/src/features/MatchPage/components/LiveMatch/index.tsx
@@ -7,7 +7,6 @@ import { StreamPlayer } from 'features/StreamPlayer'
 import { MatchSidePlaylists } from 'features/MatchSidePlaylists'
 
 import { Container } from '../../styled'
-import { MatchDescription } from '../MatchDescription'
 
 import { useLiveMatch } from './hooks'
 
@@ -37,7 +36,6 @@ export const LiveMatch = ({ events, profile }: Props) => {
           resumeFrom={resume}
           url={streamUrl}
         />
-        <MatchDescription profile={profile} />
       </Container>
 
       <MatchSidePlaylists
diff --git a/src/features/MatchPage/styled.tsx b/src/features/MatchPage/styled.tsx
index 29b0ab36..6ac80339 100644
--- a/src/features/MatchPage/styled.tsx
+++ b/src/features/MatchPage/styled.tsx
@@ -50,11 +50,12 @@ export const Container = styled.div`
         margin-right: 0;
         padding: 0;
         margin-bottom: 15px;
+        min-height: 32vh;
+
+      @media screen and (orientation: landscape){
+        display: block;
+        margin-bottom: 0;
 
-        @media screen and (orientation: landscape) {
-          display: block;
-          margin-bottom: 0;
-          overflow-y: auto;
         }
       `
     : ''};
diff --git a/src/features/MatchSidePlaylists/styled.tsx b/src/features/MatchSidePlaylists/styled.tsx
index 0ef5b9be..db186ccd 100644
--- a/src/features/MatchSidePlaylists/styled.tsx
+++ b/src/features/MatchSidePlaylists/styled.tsx
@@ -34,7 +34,7 @@ export const Container = styled.div`
 
   @media ${devices.tablet} {
     max-height: calc(100vh - 40px);
-    margin: 15px auto 0 auto;
+    margin-top: 15px;
   }
 
   ${isMobileDevice
diff --git a/src/features/StreamPlayer/styled.tsx b/src/features/StreamPlayer/styled.tsx
index 1a3176e2..355a7143 100644
--- a/src/features/StreamPlayer/styled.tsx
+++ b/src/features/StreamPlayer/styled.tsx
@@ -300,7 +300,8 @@ export const LiveBtn = styled(ButtonBase)`
 
   ${isMobileDevice
     ? css`
-      margin-right: 7px;
+     @media (max-width: 650px) {
+        margin-right: 7px;
     }
     `
     : ''};
diff --git a/src/features/VideoPlayer/styled.tsx b/src/features/VideoPlayer/styled.tsx
index 062865d6..f35c8ac2 100644
--- a/src/features/VideoPlayer/styled.tsx
+++ b/src/features/VideoPlayer/styled.tsx
@@ -6,5 +6,4 @@ export const Video = styled.video`
   left: 0;
   width: 100%;
   height: 100%;
-  object-fit: cover;
 `