From 85dda8c13fd3c861ff6f9d2c86064810339feb95 Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Thu, 15 Jul 2021 18:12:49 +0200
Subject: [PATCH] style(movie): improve margins

---
 src/components/EpisodeSelector.css | 3 +++
 src/components/EpisodeSelector.js  | 2 +-
 src/lib/lookMovie.js               | 4 ++--
 src/views/Movie.css                | 3 +++
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/EpisodeSelector.css b/src/components/EpisodeSelector.css
index e69de29b..eb060543 100644
--- a/src/components/EpisodeSelector.css
+++ b/src/components/EpisodeSelector.css
@@ -0,0 +1,3 @@
+.episodeSelector {
+	margin-top: 20px;
+}
\ No newline at end of file
diff --git a/src/components/EpisodeSelector.js b/src/components/EpisodeSelector.js
index 3881c64c..0af01522 100644
--- a/src/components/EpisodeSelector.js
+++ b/src/components/EpisodeSelector.js
@@ -5,7 +5,7 @@ import './EpisodeSelector.css'
 
 export function EpisodeSelector({ setSeason, setEpisode, seasons, episodes, currentSeason, currentEpisode }) {
     return (
-        <div>
+        <div class="episodeSelector">
             <TypeSelector setType={setSeason} choices={seasons.map(v=>({ value: v.toString(), label: `Season ${v}`}))} selected={currentSeason}/><br></br>
             <NumberSelector setType={(e) => setEpisode({episode: e, season: currentSeason})} choices={episodes.map(v=>({ value: v.toString(), label: v}))} selected={currentEpisode.season === currentSeason?currentEpisode.episode:null}/>
         </div>
diff --git a/src/lib/lookMovie.js b/src/lib/lookMovie.js
index dcf1d357..6166c7dc 100644
--- a/src/lib/lookMovie.js
+++ b/src/lib/lookMovie.js
@@ -119,8 +119,8 @@ async function findContent(searchTerm, type) {
     const results = nodes.map(node => {
         return {
             type,
-            title: node.querySelector('h6 a').innerText,
-            year: node.querySelector('.year').innerText,
+            title: node.querySelector('h6 a').innerText.trim(),
+            year: node.querySelector('.year').innerText.trim(),
             slug: node.querySelector('a').href.split('/').pop(),
         }
     });
diff --git a/src/views/Movie.css b/src/views/Movie.css
index 29c5b961..f70a8fa8 100644
--- a/src/views/Movie.css
+++ b/src/views/Movie.css
@@ -1,3 +1,6 @@
 .showType-show .title-size-big {
 	margin-bottom: 10px;
+}
+.showType-show .title-size-small, .showType-movie .title-size-big {
+	margin-bottom: 30px;
 }
\ No newline at end of file