fix(1998): displaying date and time in match grid

src/features/MatchCard/CardFrontside/index.tsx

@@ -54,11 +54,9 @@ export const CardFrontside = ({
     access,
     date,
     formattedDate,
-    hasVideo,
     live,
     preview,
     sportType,
-    storage,
     team1,
     team2,
     time,
@@ -125,9 +123,7 @@ export const CardFrontside = ({
               : (
                 <MatchDate isHomePage={isHomePage}>
                   {isHomePage ? null : formattedDate}
-                  {(isInFuture && (!hasVideo || !storage))
+                  <Time>{time}</Time>
-                    ? <Time>{time}</Time>
-                    : null}
                 </MatchDate>
               )}
           </MatchTimeInfo>

src/features/MatchCard/styled.tsx

@@ -84,9 +84,10 @@ export const Preview = styled.img`
 `
 
 export const MatchTimeInfo = styled.div`
+  width: 100%;
   position: absolute;
   top: 0.519rem;
-  left: 0.519rem;
+  padding: 0 0.519rem;
 `
 
 type MatchDateProps = {
@@ -94,6 +95,7 @@ type MatchDateProps = {
 }
 
 export const MatchDate = styled.div<MatchDateProps>`
+  width: fit-content;
   height: 0.9rem;
   border-radius: 2px;
   padding: ${({ isHomePage }) => (!isHomePage ? '0 0.27rem' : '')};
@@ -122,8 +124,7 @@ export const MatchDate = styled.div<MatchDateProps>`
 
 export const LiveSign = styled(MatchDate)`
   background-color: #CC0000;
-  position: absolute;
+  margin-left: auto;
-  top: 0;
 `
 
 export const Time = styled.span`