From 07428aa2a49a5e8850c1eded29eb45a70e20f6f2 Mon Sep 17 00:00:00 2001
From: Armen <35077035+Armen9393@users.noreply.github.com>
Date: Tue, 15 Sep 2020 11:30:08 +0300
Subject: [PATCH] fix(ott-423): deleted dash moved scores (#143)

---
 .../MatchPage/MatchProfileCard/index.tsx      | 12 +++++-------
 .../MatchPage/MatchProfileCard/styled.tsx     | 19 ++-----------------
 2 files changed, 7 insertions(+), 24 deletions(-)

diff --git a/src/features/MatchPage/MatchProfileCard/index.tsx b/src/features/MatchPage/MatchProfileCard/index.tsx
index 7a13c933..c80c093c 100644
--- a/src/features/MatchPage/MatchProfileCard/index.tsx
+++ b/src/features/MatchPage/MatchProfileCard/index.tsx
@@ -18,7 +18,6 @@ import {
   Teams,
   Score,
   Tournament,
-  Dash,
   StyledLink,
 } from './styled'
 
@@ -54,7 +53,11 @@ export const MatchProfileCard = () => {
                 {team1.name}
               </StyledLink>
             )}
-            <Dash />
+            {!isHidden && (
+              <Score>
+                {team1?.score} : {team2?.score}
+              </Score>
+            )}
             {team2 && (
               <StyledLink to={getProfileUrl({
                 id: team2.id,
@@ -66,11 +69,6 @@ export const MatchProfileCard = () => {
               </StyledLink>
             )}
           </Teams>
-          {!isHidden && (
-            <Score>
-              {team1?.score} : {team2?.score}
-            </Score>
-          )}
           <Tournament>
             <SportName
               color={color}
diff --git a/src/features/MatchPage/MatchProfileCard/styled.tsx b/src/features/MatchPage/MatchProfileCard/styled.tsx
index 1644ea1d..ec19f4a8 100644
--- a/src/features/MatchPage/MatchProfileCard/styled.tsx
+++ b/src/features/MatchPage/MatchProfileCard/styled.tsx
@@ -33,27 +33,12 @@ export const StyledLink = styled(Link)`
   }
 `
 
-export const Dash = styled.span`
-  position: relative;
-  width: 40px;
-  border-bottom: 3px solid white;
-  margin: 0 15px;
-  height: fit-content;
-  align-self: center;
-
-  @media${devices.tablet} {
-    width: 16px;
-    border-bottom: 1px solid white;
-    margin: 0 4px;
-  }
-`
-
 export const Score = styled.div`
   display: flex;
-  margin-left: 48px;
+  margin: 0 20px;
 
   @media${devices.tablet} {
-    margin-left: 8px;
+    margin: 0 10px;
     color: #EACB6F;
   }
 `