style(#691-692): header filter style fix, card score style fix (#257)

src/features/MatchCard/CardFrontside/index.tsx

@@ -107,11 +107,11 @@ export const CardFrontside = ({
         <Teams>
           <Team>
             <TeamName nameObj={team1} />
-            {(!isScoreHidden && team1.score) && <Score>{team1.score}</Score>}
+            {!isScoreHidden && <Score>{team1.score}</Score>}
           </Team>
           <Team>
             <TeamName nameObj={team2} />
-            {(!isScoreHidden && team2.score) && <Score>{team2.score}</Score>}
+            {!isScoreHidden && <Score>{team2.score}</Score>}
           </Team>
         </Teams>
       </Info>

src/features/MatchCard/styled.tsx

@@ -137,6 +137,7 @@ export const TeamName = styled(Name)`
 `
 
 export const Score = styled.div`
+  margin-left: 4px;
   text-align: center;
   width: 10%;
 `

src/features/SportTypeFilter/styled.tsx

@@ -22,7 +22,7 @@ export const SportList = styled.ul`
   background: #666;
   border-radius: 2px;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-  z-index: 1;
+  z-index: 2;
 
   @media ${devices.tablet} {
     top: -144px;