From 34ceaa7339c250be954e4cef667977e9ada3b316 Mon Sep 17 00:00:00 2001
From: Armen <35077035+Armen9393@users.noreply.github.com>
Date: Fri, 28 Aug 2020 14:51:54 +0300
Subject: [PATCH] Ott 317 double click card (#110)

---
 src/features/MatchCard/CardLiveHover/index.tsx | 9 +++++++--
 src/features/MatchCard/styled.tsx              | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/features/MatchCard/CardLiveHover/index.tsx b/src/features/MatchCard/CardLiveHover/index.tsx
index 03ecceb2..981821f1 100644
--- a/src/features/MatchCard/CardLiveHover/index.tsx
+++ b/src/features/MatchCard/CardLiveHover/index.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import type { MouseEvent } from 'react'
 
 import { CloseButton } from 'features/Common'
 
@@ -15,12 +16,16 @@ type CardLiveHoverProps = {
   onClose: () => void,
 }
 
+const stopProp = (e: MouseEvent<HTMLDivElement>) => {
+  e.stopPropagation()
+}
+
 export const CardLiveHover = ({ onClose }: CardLiveHoverProps) => (
-  <CardHoverWrapper>
+  <CardHoverWrapper onClick={onClose}>
     <CardHoverInner>
       <CloseButton onClick={onClose} />
       <CardHoverTitle t='match_video' />
-      <Rows>
+      <Rows onClick={stopProp}>
         <Row>
           <MoreVideo t='watch_now' />
           <MoreVideo t='watch_from_beginning' />
diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx
index d44cb4b2..4439e378 100644
--- a/src/features/MatchCard/styled.tsx
+++ b/src/features/MatchCard/styled.tsx
@@ -124,6 +124,7 @@ export const TeamName = styled.span`
 export const Score = styled.span``
 
 export const Rows = styled.div`
+  width: fit-content;
   margin-top: 20px;
 `