From 99e29d12d82cd07b63730ec614e5867459265133 Mon Sep 17 00:00:00 2001
From: Berdyshev Oleksandr <oleksandr.berdyshev@winfinity.live>
Date: Fri, 25 Feb 2022 14:46:26 +0300
Subject: [PATCH] fix(2260): change style for header

---
 src/features/Background/styled.tsx                         | 4 ++++
 .../MatchPage/components/MatchProfileCard/styled.tsx       | 1 +
 src/features/MatchPage/styled.tsx                          | 4 ++--
 src/features/Search/styled.tsx                             | 1 +
 src/features/StreamPlayer/styled.tsx                       | 3 +++
 src/features/VideoPlayer/hooks/index.tsx                   | 7 ++++---
 6 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/features/Background/styled.tsx b/src/features/Background/styled.tsx
index ba438f1b..515d6de6 100644
--- a/src/features/Background/styled.tsx
+++ b/src/features/Background/styled.tsx
@@ -7,6 +7,10 @@ const Container = styled.div`
   min-height: 100vh;
   overflow-x: hidden;
 
+&::-webkit-scrollbar {
+    display: none;
+  }
+
   /* временное решение для низких разрешений на windows */
   @media (min-width: 1340px) and (max-width: 1380px){
     overflow-y: hidden;
diff --git a/src/features/MatchPage/components/MatchProfileCard/styled.tsx b/src/features/MatchPage/components/MatchProfileCard/styled.tsx
index 94768152..684ad2a9 100644
--- a/src/features/MatchPage/components/MatchProfileCard/styled.tsx
+++ b/src/features/MatchPage/components/MatchProfileCard/styled.tsx
@@ -55,6 +55,7 @@ export const Score = styled.span`
   ${isMobileDevice
     ? css`
       font-size: 16px;
+      width: max-content;
     `
     : ''};
 `
diff --git a/src/features/MatchPage/styled.tsx b/src/features/MatchPage/styled.tsx
index 6ac80339..ff3d3e6d 100644
--- a/src/features/MatchPage/styled.tsx
+++ b/src/features/MatchPage/styled.tsx
@@ -18,13 +18,13 @@ export const Wrapper = styled.div`
   ${isMobileDevice
     ? css`
         @media (max-width: 750px) {
-          margin-top: 50px;
+          padding-top: 50px;
         }
         @media screen and (orientation: landscape) {
+          padding-top: 55px;
           flex-direction: row;
           justify-content: space-between;
           margin-left: 10px;
-          margin-top: 55px;
           width: 100vw;
         }
       `
diff --git a/src/features/Search/styled.tsx b/src/features/Search/styled.tsx
index f7fc873b..f26eca4a 100644
--- a/src/features/Search/styled.tsx
+++ b/src/features/Search/styled.tsx
@@ -79,6 +79,7 @@ export const Form = styled.form<FormProps>`
     ? css`
       @media screen and (orientation: landscape){
         max-width: 368px;
+        top: -5px;
       }
     `
     : ''};
diff --git a/src/features/StreamPlayer/styled.tsx b/src/features/StreamPlayer/styled.tsx
index a0f77be7..102bcdf8 100644
--- a/src/features/StreamPlayer/styled.tsx
+++ b/src/features/StreamPlayer/styled.tsx
@@ -39,6 +39,7 @@ export const Controls = styled.div`
     ? css`
         bottom: 5px;
         @media (orientation: landscape){
+          bottom: 10px;
           width: 100%;
           left: 50%;
           transform: translateX(-50%);
@@ -98,6 +99,7 @@ export const PlayerWrapper = styled.div<PlayStopProps>`
   width: 100%;
   position: relative;
   background-color: #000;
+  margin-bottom: 5px;
 
   :fullscreen {
     padding-top: 0;
@@ -256,6 +258,7 @@ export const PlaybackTime = styled.span<PlaybackTimeProps>`
 
   ${isMobileDevice
     ? css`
+      margin-left: 5px;
       font-size: 10px;
       width: 100px;
       white-space: nowrap;
diff --git a/src/features/VideoPlayer/hooks/index.tsx b/src/features/VideoPlayer/hooks/index.tsx
index 71e105d1..fc14cd0e 100644
--- a/src/features/VideoPlayer/hooks/index.tsx
+++ b/src/features/VideoPlayer/hooks/index.tsx
@@ -106,9 +106,10 @@ export const useVideoPlayer = ({
     }
   }, [volume, videoRef])
 
-  useEffect(() => {
-    videoRef.current?.scrollIntoView({ behavior: 'smooth' })
-  }, [isFullscreen, videoRef])
+  // Todo this logic is responsible for scrolling to the player, delete if not required
+  // useEffect(() => {
+  //   videoRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })
+  // }, [isFullscreen, videoRef])
 
   return {
     handleDurationChange,