diff --git a/src/routes/MetaDetails/VideosList/VideosList.js b/src/routes/MetaDetails/VideosList/VideosList.js
index a10ce29b6..d3260f4e4 100644
--- a/src/routes/MetaDetails/VideosList/VideosList.js
+++ b/src/routes/MetaDetails/VideosList/VideosList.js
@@ -31,11 +31,11 @@ const VideosList = ({ className, metaResource }) => {
-
-
-
-
-
+
+
+
+
+
:
@@ -68,21 +68,19 @@ const VideosList = ({ className, metaResource }) => {
- {videosForSeason
- .filter((video) => {
- return search.length === 0 ||
- (
- (typeof video.title === 'string' && video.title.toLowerCase().includes(search.toLowerCase())) ||
- (video.released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' }).toLowerCase().includes(search.toLowerCase()))
- );
- })
- .map((video, index) => (
-
- ))}
+ {
+ videosForSeason
+ .filter((video) => {
+ return search.length === 0 ||
+ (
+ (typeof video.title === 'string' && video.title.toLowerCase().includes(search.toLowerCase())) ||
+ (video.released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' }).toLowerCase().includes(search.toLowerCase()))
+ );
+ })
+ .map((video, index) => (
+
+ ))
+ }
}
diff --git a/src/routes/MetaDetails/VideosList/styles.less b/src/routes/MetaDetails/VideosList/styles.less
index cb1c88fa0..3d0e6ef24 100644
--- a/src/routes/MetaDetails/VideosList/styles.less
+++ b/src/routes/MetaDetails/VideosList/styles.less
@@ -6,10 +6,10 @@
.message-container {
flex: 1;
+ align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
- width: var(--item-size);
padding: 2rem;
overflow-y: auto;
@@ -35,7 +35,6 @@
.seasons-bar {
flex: none;
align-self: stretch;
- min-width: var(--item-size);
}
.search-bar-container {
@@ -45,7 +44,6 @@
flex-direction: row;
align-items: center;
height: 3.5rem;
- min-width: calc(var(--item-size) - 3rem);
padding: 0 1rem;
margin: 0 1.5rem 1rem 1.5rem;
border-radius: 3.5rem;
@@ -88,10 +86,7 @@
.videos-scroll-container {
flex: 1;
+ align-self: stretch;
overflow-y: auto;
-
- .video {
- width: var(--item-size);
- }
}
}
\ No newline at end of file
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index 01644ad1b..84781ab70 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -89,8 +89,7 @@
}
.videos-list, .streams-list {
- --item-size: 26.5rem;
- flex: none;
+ flex: 0 0 26.5rem;
align-self: stretch;
background-color: @color-background-dark5-70;
}