From 765eacc9a6efd54bbc297571605641cf9045900e Mon Sep 17 00:00:00 2001
From: Farber Denis <dsnakez11@yandex.ru>
Date: Mon, 19 Dec 2022 17:31:27 +0300
Subject: [PATCH] fix(#219): fixed play pause button bug

fix(#219): fixed play btn clickable area
---
 src/features/StreamPlayer/styled.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/features/StreamPlayer/styled.tsx b/src/features/StreamPlayer/styled.tsx
index 0bf29a45..6369b50c 100644
--- a/src/features/StreamPlayer/styled.tsx
+++ b/src/features/StreamPlayer/styled.tsx
@@ -128,8 +128,7 @@ export const LoaderWrapper = styled.div<LoaderWrapperProps>`
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
-  transition: opacity 0.3s ease-in-out;
-  opacity: ${({ buffering }) => (buffering ? 1 : 0)};
+  display: ${({ buffering }) => (buffering ? 'block' : 'none')};
 `
 
 export const ButtonBase = styled.button`
@@ -164,7 +163,7 @@ export const PlayStop = styled(ButtonBase)<PlayStopProps>`
   )};
   ${({ size = 'sm' }) => (
     css`
-        width: ${sizes[size]}px;
+        width: 100%;
         height: ${sizes[size]}px;
       `
   )};
@@ -233,7 +232,7 @@ export const Backward = styled(ButtonBase)<ButtonProps>`
   font-weight: normal;
   ${({ size = 'sm' }) => (
     css`
-        width: ${rewindButtonSizes.sides[size]}px;
+        min-width: ${rewindButtonSizes.sides[size]}px;
         height: ${rewindButtonSizes.sides[size]}px;
         font-size: ${rewindButtonSizes.fontSizes[size]}px;
       `