fix(ott-423): deleted dash moved scores (#143)

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}

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;
   }
 `