diff --git a/src/routes/MetaDetails/VideosList/Video/Video.js b/src/routes/MetaDetails/VideosList/Video/Video.js index db9af6e97..51d75a778 100644 --- a/src/routes/MetaDetails/VideosList/Video/Video.js +++ b/src/routes/MetaDetails/VideosList/Video/Video.js @@ -32,34 +32,34 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w {episode !== null && !isNaN(episode) ? `${episode}. ` : null} {typeof title === 'string' && title.length > 0 ? title : id} - { - released instanceof Date && !isNaN(released.getTime()) ? -
+
+ { + released instanceof Date && !isNaN(released.getTime()) ?
{released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' })}
-
- { - upcoming ? -
-
Upcoming
-
- : - null - } - { - watched ? -
-
Watched
-
- : - null - } -
-
- : - null - } + : + null + } +
+ { + upcoming ? +
+
Upcoming
+
+ : + null + } + { + watched ? +
+
Watched
+
+ : + null + } +
+
{ progress !== null && !isNaN(progress) && progress > 0 ? diff --git a/src/routes/MetaDetails/VideosList/Video/styles.less b/src/routes/MetaDetails/VideosList/Video/styles.less index 8ffbd075d..115b1bae2 100644 --- a/src/routes/MetaDetails/VideosList/Video/styles.less +++ b/src/routes/MetaDetails/VideosList/Video/styles.less @@ -52,10 +52,11 @@ color: @color-surface-light5-90; } - .released-info-container { + .flex-row-container { display: flex; flex-direction: row; align-items: center; + justify-content: flex-end; .released-container { flex: 1;