From fbd0f57a73680987790a16ec49d5108d9e133f1a Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:55:29 +0530
Subject: [PATCH 01/16] Update lookmovie.js

---
 src/lib/scraper/lookmovie.js | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/lib/scraper/lookmovie.js b/src/lib/scraper/lookmovie.js
index 5b28f120..4e7fe627 100644
--- a/src/lib/scraper/lookmovie.js
+++ b/src/lib/scraper/lookmovie.js
@@ -50,9 +50,19 @@ async function findContent(searchTerm, type) {
     }
 }
 async function getVideoUrl(config) {
-    const accessToken = await getAccessToken(config);
+    const accessInfo = await getAccessToken(config);
+    const accessToken = accessInfo.token;
+    const subtitles = accessInfo.subtitles;
     const now = Math.floor(Date.now() / 1e3);
 
+    let subs;
+
+    if (config.type === "show") {
+        subs = await getEpisodeSubs(config)
+    } else if (config.type === "movie") {
+        subs = subtitles
+    }
+
     let url = '';
 
     if (config.type === 'movie') {
@@ -73,7 +83,11 @@ async function getVideoUrl(config) {
         }
     }
 
-    return videoUrl.startsWith("/") ? `${BASE_URL}${videoUrl}` : videoUrl;
+    return {videoUrl: videoUrl.startsWith("/") ? `${BASE_URL}${videoUrl}` : videoUrl, subs};
+}
+
+async function getEpisodeSubs (config) {
+    return await fetch(`${BASE_URL}/api/v1/shows/episode-subtitles/?id_episode=${config.id}`).then(res => res.json());
 }
 
 async function getAccessToken(config) {
@@ -86,9 +100,11 @@ async function getAccessToken(config) {
     }
 
     const data = await fetch(url).then((d) => d.json());
-
+    
     const token = data?.data?.accessToken;
-    if (token) return token;
+    let subtitles = data?.data?.subtitles;
+
+    if (token) return {token, subtitles};
 
     return "Invalid type provided in config";
 }
@@ -121,6 +137,7 @@ async function getEpisodes(slug) {
 }
 
 async function getStreamUrl(slug, type, season, episode) {
+
     const url = `${BASE_URL}/${type}s/view/${slug}`;
     const pageReq = await fetch(url).then((d) => d.text());
 
@@ -153,11 +170,11 @@ async function getStreamUrl(slug, type, season, episode) {
         slug: slug,
         id: id,
         type: type,
-    });
+    }); 
 
-    return { url: videoUrl }
+    return { url: videoUrl.videoUrl, subtitles: videoUrl.subs };
 }
 
 
 const lookMovie = { findContent, getStreamUrl, getEpisodes };
-export default lookMovie;
\ No newline at end of file
+export default lookMovie;

From 03246b0aa75c6bfe6bc1984f131bc21ec55b0c80 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:56:07 +0530
Subject: [PATCH 02/16] Update useMovie.js

---
 src/hooks/useMovie.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useMovie.js b/src/hooks/useMovie.js
index 5441444d..9b7ff5b7 100644
--- a/src/hooks/useMovie.js
+++ b/src/hooks/useMovie.js
@@ -16,7 +16,9 @@ export function MovieProvider(props) {
             streamUrl: stream,
             streamData,
             setStreamData(d) {
-                setStreamData(p => ({...p,...d}))
+                setStreamData(p => {
+                    return {...p,...d}
+                })
             },
             resetStreamData() { setStreamData(null) }
         }}>

From ada128c65d7fe9bc6a36b2ae6ef54471aa1a766b Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:57:14 +0530
Subject: [PATCH 03/16] Added captions support

---
 src/components/VideoElement.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoElement.js b/src/components/VideoElement.js
index 13426eb0..1f26730a 100644
--- a/src/components/VideoElement.js
+++ b/src/components/VideoElement.js
@@ -9,7 +9,7 @@ import './VideoElement.css'
 // setProgress: (event: NativeEvent) => void
 // videoRef: useRef
 // startTime: number
-export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime }) {
+export function VideoElement({ streamUrl, loading, setProgress, videoRef, startTime, streamData }) {
     const [error, setError] = React.useState(false);
 
     function onLoad() {
@@ -48,11 +48,14 @@ export function VideoElement({ streamUrl, loading, setProgress, videoRef, startT
 
     if (!streamUrl.endsWith('.mp4')) {
         return (
-            <video className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad} />
+            <video crossorigin="anonymous" className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad}>
+                {streamData.subtitles && streamData.subtitles.map((sub, index) => {return <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` }></track>})}
+            </video>
         )
     } else {
         return (
-            <video className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad}>
+            <video crossorigin="anonymous" className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad}>
+                {streamData.subtitles && streamData.subtitles.map((sub, index) => {return <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` }></track>})}
                 <source src={streamUrl} type="video/mp4" />
             </video>
         )

From c8d799cab53f754b9f2eea221bfeec5e74ce196e Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:59:13 +0530
Subject: [PATCH 04/16] Update Movie.js

---
 src/views/Movie.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/Movie.js b/src/views/Movie.js
index 2db26b73..3825ef09 100644
--- a/src/views/Movie.js
+++ b/src/views/Movie.js
@@ -56,10 +56,10 @@ export function MovieView(props) {
         }
 
         setLoading(true);
-
         getStreamUrl(streamData.slug, streamData.type, streamData.source, season, episode)
-            .then(({url}) => {
-                if (cancel) return;
+        .then(({url, subtitles}) => {
+            if (cancel) return;
+                if (streamData.source === "lookmovie") streamData.subtitles = subtitles;
                 setStreamUrl(url)
                 setLoading(false);
             })
@@ -131,7 +131,7 @@ export function MovieView(props) {
                     Season {season}: Episode {episode}
                 </Title> : undefined}
 
-                <VideoElement streamUrl={streamUrl} loading={loading} setProgress={setProgress} videoRef={videoRef} startTime={startTime} />
+                <VideoElement streamUrl={streamUrl} loading={loading} setProgress={setProgress} videoRef={videoRef} startTime={startTime} streamData={streamData} />
 
                 {streamData.type === "show" ? 
                     <EpisodeSelector

From 91d7048243a999e692a8e9d1139a2f6c753301dd Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:59:49 +0530
Subject: [PATCH 05/16] Update Search.js

---
 src/views/Search.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/Search.js b/src/views/Search.js
index f8b6adaf..78b03a13 100644
--- a/src/views/Search.js
+++ b/src/views/Search.js
@@ -54,13 +54,17 @@ export function SearchView() {
             }
 
             let realUrl = '';
+            let subtitles = []
+
             if (type === "movie") {
-                const { url } = await getStreamUrl(slug, type, source);
+                const { url, subtitles: subs } = await getStreamUrl(slug, type, source);
 
                 if (url === '') {
                     return fail(`Not found: ${title}`)
                 }
+
                 realUrl = url;
+                subtitles = subs
             }
 
             setProgress(maxSteps);
@@ -72,7 +76,8 @@ export function SearchView() {
                 episodes,
                 slug,
                 source,
-                year
+                year,
+                subtitles: subtitles
             })
             setText(`Streaming...`)
             navigate("movie")

From 87950ffadfba0e0cdbb92d4db7d34ca57489f15f Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 01:46:19 +0530
Subject: [PATCH 06/16] changed format

---
 src/hooks/useMovie.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/hooks/useMovie.js b/src/hooks/useMovie.js
index 9b7ff5b7..5441444d 100644
--- a/src/hooks/useMovie.js
+++ b/src/hooks/useMovie.js
@@ -16,9 +16,7 @@ export function MovieProvider(props) {
             streamUrl: stream,
             streamData,
             setStreamData(d) {
-                setStreamData(p => {
-                    return {...p,...d}
-                })
+                setStreamData(p => ({...p,...d}))
             },
             resetStreamData() { setStreamData(null) }
         }}>

From f8aea3fa2408261148ba2e8c19bdd3f7c004384c Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 01:47:12 +0530
Subject: [PATCH 07/16] removed extra new line

---
 src/lib/scraper/lookmovie.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/scraper/lookmovie.js b/src/lib/scraper/lookmovie.js
index 4e7fe627..a7cc1779 100644
--- a/src/lib/scraper/lookmovie.js
+++ b/src/lib/scraper/lookmovie.js
@@ -137,7 +137,6 @@ async function getEpisodes(slug) {
 }
 
 async function getStreamUrl(slug, type, season, episode) {
-
     const url = `${BASE_URL}/${type}s/view/${slug}`;
     const pageReq = await fetch(url).then((d) => d.text());
 

From 9bf56c0b82e7a3a8cecccbc556da1ce1171c48fd Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 01:49:55 +0530
Subject: [PATCH 08/16] Update Search.js

---
 src/views/Search.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Search.js b/src/views/Search.js
index 78b03a13..a602b26a 100644
--- a/src/views/Search.js
+++ b/src/views/Search.js
@@ -77,7 +77,7 @@ export function SearchView() {
                 slug,
                 source,
                 year,
-                subtitles: subtitles
+                subtitles
             })
             setText(`Streaming...`)
             navigate("movie")

From be3f631ca93d6a6c30359a75aa13afd6c8740145 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 01:56:29 +0530
Subject: [PATCH 09/16] Update lookmovie.js

---
 src/lib/scraper/lookmovie.js | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/lib/scraper/lookmovie.js b/src/lib/scraper/lookmovie.js
index a7cc1779..f7afb07e 100644
--- a/src/lib/scraper/lookmovie.js
+++ b/src/lib/scraper/lookmovie.js
@@ -50,17 +50,15 @@ async function findContent(searchTerm, type) {
     }
 }
 async function getVideoUrl(config) {
-    const accessInfo = await getAccessToken(config);
-    const accessToken = accessInfo.token;
-    const subtitles = accessInfo.subtitles;
+    const { subtitles, token: accessToken } = await getAccessInfo(config);
     const now = Math.floor(Date.now() / 1e3);
 
     let subs;
 
     if (config.type === "show") {
-        subs = await getEpisodeSubs(config)
+        subs = await getEpisodeSubs(config);
     } else if (config.type === "movie") {
-        subs = subtitles
+        subs = subtitles;
     }
 
     let url = '';
@@ -83,14 +81,17 @@ async function getVideoUrl(config) {
         }
     }
 
-    return {videoUrl: videoUrl.startsWith("/") ? `${BASE_URL}${videoUrl}` : videoUrl, subs};
+    return {
+        videoUrl: videoUrl.startsWith("/") ? `${BASE_URL}${videoUrl}` : videoUrl, 
+        subs, 
+    };
 }
 
 async function getEpisodeSubs (config) {
     return await fetch(`${BASE_URL}/api/v1/shows/episode-subtitles/?id_episode=${config.id}`).then(res => res.json());
 }
 
-async function getAccessToken(config) {
+async function getAccessInfo(config) {
     let url = '';
 
     if (config.type === 'movie') {
@@ -100,11 +101,11 @@ async function getAccessToken(config) {
     }
 
     const data = await fetch(url).then((d) => d.json());
-    
-    const token = data?.data?.accessToken;
-    let subtitles = data?.data?.subtitles;
 
-    if (token) return {token, subtitles};
+    const token = data?.data?.accessToken;
+    const subtitles = data?.data?.subtitles;
+
+    if (token) return { token, subtitles };
 
     return "Invalid type provided in config";
 }

From 23423ba85b07d423af38c7467c830eaaf109cf89 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 01:58:23 +0530
Subject: [PATCH 10/16] Update VideoElement.js

---
 src/components/VideoElement.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/VideoElement.js b/src/components/VideoElement.js
index 1f26730a..c07fb0fd 100644
--- a/src/components/VideoElement.js
+++ b/src/components/VideoElement.js
@@ -49,13 +49,13 @@ export function VideoElement({ streamUrl, loading, setProgress, videoRef, startT
     if (!streamUrl.endsWith('.mp4')) {
         return (
             <video crossorigin="anonymous" className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad}>
-                {streamData.subtitles && streamData.subtitles.map((sub, index) => {return <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` }></track>})}
+                { streamData.subtitles && streamData.subtitles.map((sub, index) => <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` } />) }
             </video>
         )
     } else {
         return (
             <video crossorigin="anonymous" className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} onLoadedData={onLoad}>
-                {streamData.subtitles && streamData.subtitles.map((sub, index) => {return <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` }></track>})}
+                { streamData.subtitles && streamData.subtitles.map((sub, index) => <track key={index} kind="captions" label={sub.language} src={`${process.env.REACT_APP_CORS_PROXY_URL}https://lookmovie.io${sub.file}` } />) }
                 <source src={streamUrl} type="video/mp4" />
             </video>
         )

From 272aa11878976bf3e33dde2d0ee7c5410a32d6f7 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 13:08:30 +0530
Subject: [PATCH 11/16] Update MovieRow.js

---
 src/components/MovieRow.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js
index a7a7adac..974c81b6 100644
--- a/src/components/MovieRow.js
+++ b/src/components/MovieRow.js
@@ -23,6 +23,13 @@ export function MovieRow(props) {
         <div className="movieRow" onClick={() => props.onClick && props.onClick()}>
             <div className="left">
                 {/* <Cross /> */}
+                { props.source === "lookmovie" && (
+                    <div className="subSvgWrapper">
+                        <svg width="25" height="25" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM11 10H8V14H11V16H8C6.897 16 6 15.103 6 14V10C6 8.897 6.897 8 8 8H11V10ZM18 10H15V14H18V16H15C13.897 16 13 15.103 13 14V10C13 8.897 13.897 8 15 8H18V10Z" fill="#EEEEEE"/>
+                        </svg>
+                    </div>
+                ) }
                 {props.title}<span className="seasonEpisodeSubtitle">{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}</span>&nbsp;
                 <span className="year">({props.year})</span>
             </div>

From 33c3e135ee4b92d7f20fc2084e5fbbc294b0c45e Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Tue, 14 Sep 2021 13:09:28 +0530
Subject: [PATCH 12/16] Update MovieRow.css

---
 src/components/MovieRow.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css
index 4ef12f41..6cff2c2f 100644
--- a/src/components/MovieRow.css
+++ b/src/components/MovieRow.css
@@ -62,6 +62,14 @@
     margin-right: 10px;
 }
 
+.subSvgWrapper {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 10px;
+}
+
 @media screen and (max-width: 400px) {
     .movieRow {
         flex-direction: column;

From 1856cb00f4243e79b31559eae3fd006510be3b09 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Wed, 15 Sep 2021 12:27:29 +0530
Subject: [PATCH 13/16] Update MovieRow.css

---
 src/components/MovieRow.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css
index 6cff2c2f..7a2f8b5e 100644
--- a/src/components/MovieRow.css
+++ b/src/components/MovieRow.css
@@ -62,8 +62,8 @@
     margin-right: 10px;
 }
 
-.subSvgWrapper {
-    height: 100%;
+.subtitleIcon {
+    width: 30px;
     display: flex;
     justify-content: center;
     align-items: center;

From 4f082946a46e3bfe62d388aa63cb9008393b796a Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Wed, 15 Sep 2021 12:29:11 +0530
Subject: [PATCH 14/16] Update MovieRow.js

---
 src/components/MovieRow.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js
index 974c81b6..c06cb2b7 100644
--- a/src/components/MovieRow.js
+++ b/src/components/MovieRow.js
@@ -21,15 +21,17 @@ export function MovieRow(props) {
 
     return (
         <div className="movieRow" onClick={() => props.onClick && props.onClick()}>
+        
+            { props.source === "lookmovie" && (
+                <div className="subtitleIcon">
+                    <svg id="subtitleIcon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM11 10H8V14H11V16H8C6.897 16 6 15.103 6 14V10C6 8.897 6.897 8 8 8H11V10ZM18 10H15V14H18V16H15C13.897 16 13 15.103 13 14V10C13 8.897 13.897 8 15 8H18V10Z" fill="#EEEEEE"/>
+                    </svg>
+                </div>
+            ) }
+        
             <div className="left">
                 {/* <Cross /> */}
-                { props.source === "lookmovie" && (
-                    <div className="subSvgWrapper">
-                        <svg width="25" height="25" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM11 10H8V14H11V16H8C6.897 16 6 15.103 6 14V10C6 8.897 6.897 8 8 8H11V10ZM18 10H15V14H18V16H15C13.897 16 13 15.103 13 14V10C13 8.897 13.897 8 15 8H18V10Z" fill="#EEEEEE"/>
-                        </svg>
-                    </div>
-                ) }
                 {props.title}<span className="seasonEpisodeSubtitle">{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}</span>&nbsp;
                 <span className="year">({props.year})</span>
             </div>

From c831434dae0315dccac414528c72328fd640b6de Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Wed, 15 Sep 2021 12:56:17 +0530
Subject: [PATCH 15/16] Update MovieRow.js

---
 src/components/MovieRow.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js
index c06cb2b7..b0d62e3c 100644
--- a/src/components/MovieRow.js
+++ b/src/components/MovieRow.js
@@ -32,8 +32,14 @@ export function MovieRow(props) {
         
             <div className="left">
                 {/* <Cross /> */}
-                {props.title}<span className="seasonEpisodeSubtitle">{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}</span>&nbsp;
-                <span className="year">({props.year})</span>
+                <div className="titleWrapper">
+                    <div className="titleText">
+                        {props.title}
+                        &nbsp;
+                        <span className="year">({props.year})</span>
+                        <span className="seasonEpisodeSubtitle">{props.place ? ` - S${props.place.season}:E${props.place.episode}` : ''}</span>
+                    </div>
+                </div>
             </div>
 
             <div className="watch">

From 87d3568de9390d6bb7419782f2324742fad685d5 Mon Sep 17 00:00:00 2001
From: mansoor-roeen-glitch
 <75437785+mansoor-roeen-glitch@users.noreply.github.com>
Date: Wed, 15 Sep 2021 12:57:03 +0530
Subject: [PATCH 16/16] Update MovieRow.css

---
 src/components/MovieRow.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css
index 7a2f8b5e..a8153064 100644
--- a/src/components/MovieRow.css
+++ b/src/components/MovieRow.css
@@ -24,6 +24,13 @@
     margin-right: 0.5rem;
 }
 
+.movieRow .left .titleWrapper {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .movieRow .left .seasonEpisodeSubtitle,
 .movieRow .left .year {
     color: var(--text-secondary);