diff --git a/static/css/bazarr.css b/static/css/bazarr.css
index 150155e86..d44c89914 100644
--- a/static/css/bazarr.css
+++ b/static/css/bazarr.css
@@ -133,7 +133,8 @@ a.link:hover, a.link:focus {
       font-weight: 400;
       border-left: 3px solid #ce2829;
       background: #252833;
-      padding: 8px 35px 8px 37px; }
+      padding: 8px 35px 8px 37px;
+      box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }
       .sidebar-nav > ul > li.active > a i {
         color: #ce2829;
         font-size: 14px; }
@@ -294,14 +295,15 @@ a.link:hover, a.link:focus {
 
 .page-titles {
   background: #4f566f;
-  margin: 0 -30px 30px;
-  min-height: 50px;
-  height: 50px;
+  margin: 0 -30px 5px;
+  min-height: 60px;
+  height: 60px;
   padding: 0;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
   .page-titles .btn {
     height: 50px;
-    width: 80px; }
+    width: 70px;
+    padding: 0 0; }
 
 .card-no-border .sidebar-nav > ul > li > a.active {
   background: #252833; }
@@ -341,4 +343,40 @@ a.link:hover, a.link:focus {
   background: white;
   padding-bottom: 60px; }
 
+.overlay {
+  display: none;
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 2147483647;
+  left: 0;
+  top: 0;
+  background-color: black;
+  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(6px);
+  overflow-x: hidden; }
+
+.overlay-content {
+  position: relative;
+  top: 50%;
+  width: 100%;
+  text-align: center; }
+
+.dataTables_wrapper {
+  padding-top: 0px; }
+
+.dt-buttons {
+  display: inline-block;
+  padding-top: 0;
+  margin-bottom: 0; }
+
+.tooltip {
+  pointer-events: none; }
+
+table.dataTable tbody td {
+  vertical-align: middle; }
+
+.container-fluid {
+  padding: 0 5px 25px 30px; }
+
 /*# sourceMappingURL=bazarr.css.map */
diff --git a/static/css/bazarr.css.map b/static/css/bazarr.css.map
index f887f17ef..014629ca8 100644
--- a/static/css/bazarr.css.map
+++ b/static/css/bazarr.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["../scss/bazarr.scss","../scss/variable.scss"],
 "names": [],
 "file": "bazarr.css"
diff --git a/static/scss/bazarr.scss b/static/scss/bazarr.scss
index 82b199cd8..32bc0d6b9 100644
--- a/static/scss/bazarr.scss
+++ b/static/scss/bazarr.scss
@@ -197,6 +197,7 @@ a.link {
       border-left: 3px solid $topbar;
       background: $themecolor-alt;
       padding: 8px 35px 8px 37px;
+      box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
 
       i {
         color: $topbar;
@@ -439,15 +440,16 @@ a.link {
 
 .page-titles {
   background: #4f566f;
-  margin: 0 -30px 30px;
-  min-height: 50px;
-  height: 50px;
+  margin: 0 -30px 5px;
+  min-height: 60px;
+  height: 60px;
   padding: 0;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
 
   .btn {
     height: 50px;
-    width: 80px;
+    width: 70px;
+    padding: 0 0;
   }
 }
 
@@ -499,4 +501,47 @@ a.link {
 .page-wrapper {
   background: $bodycolor;
   padding-bottom: 60px;
-}
\ No newline at end of file
+}
+
+.overlay {
+  display: none;
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 2147483647;
+  left: 0;
+  top: 0;
+  background-color: rgb(0, 0, 0);
+  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(6px);
+  overflow-x: hidden;
+}
+
+.overlay-content {
+  position: relative;
+  top: 50%;
+  width: 100%;
+  text-align: center;
+}
+
+.dataTables_wrapper {
+  padding-top: 0px
+}
+
+.dt-buttons{
+    display: inline-block;
+    padding-top: 0;
+    margin-bottom: 0;
+}
+
+.tooltip {
+  pointer-events: none;
+}
+
+table.dataTable tbody td {
+  vertical-align: middle;
+}
+
+.container-fluid {
+  padding: 0 5px 25px 30px;
+}
diff --git a/views/_main.html b/views/_main.html
index 7075bf909..1eb99ddcc 100644
--- a/views/_main.html
+++ b/views/_main.html
@@ -39,34 +39,6 @@
               href="{{ url_for('static',filename='plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">
         <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap-select.css') }}" />
 
-        <style>
-            table.dataTable tbody td {
-                vertical-align: middle;
-            }
-
-            .tooltip { pointer-events: none; }
-
-            .overlay {
-                display: none;
-                height: 100%;
-                width: 100%;
-                position: fixed;
-                z-index: 2147483647;
-                left: 0;
-                top: 0;
-                background-color: rgb(0,0,0);
-                background-color: rgba(0,0,0, 0.8);
-                backdrop-filter: blur(6px);
-                overflow-x: hidden;
-            }
-
-            .overlay-content {
-                position: relative;
-                top: 50%;
-                width: 100%;
-                text-align: center;
-            }
-        </style>
     {% endblock head_css %}
 
     {% block head %}
diff --git a/views/episodes.html b/views/episodes.html
index 57e170472..142840940 100644
--- a/views/episodes.html
+++ b/views/episodes.html
@@ -3,872 +3,897 @@
 {% block title %}Series - Bazarr{% endblock %}
 
 {% block head %}
-<style>
-	#seriesFanart {
-		background-repeat: no-repeat;
-		background-size: cover;
-		background-position: top center;
-		box-sizing: initial;
-		margin-left: -32px;
-		margin-top: -30px;
-		padding: 2em;
-	}
-
-	#seriesDetails {
-		padding: 30px;
-		background: rgba(0, 0, 0, 0.7);
-		color: white;
-		margin: -32px;
-	}
-
-	#seriesPoster {
-		max-height: 250px;
-	}
-
-	h1 {
-		color: white;
-	}
-
-	span {
-		margin-right: 0.5em;
-	}
-
-	.badge {
-		display: inline-block;
-        max-width: 500px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        vertical-align: middle;
-	}
-</style>
+    <style>
+        #seriesFanart {
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: top center;
+            box-sizing: initial;
+            margin-left: -32px;
+            margin-top: -5px;
+            padding: 2em;
+        }
+
+        #seriesDetails {
+            padding: 30px;
+            background: rgba(0, 0, 0, 0.7);
+            color: white;
+            margin: -32px;
+        }
+
+        #seriesPoster {
+            max-height: 250px;
+        }
+
+        h1 {
+            color: white;
+        }
+
+        span {
+            margin-right: 0.5em;
+        }
+
+        .badge {
+            display: inline-block;
+            max-width: 500px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            vertical-align: middle;
+        }
+    </style>
 {% endblock head %}
 
 {% block bcleft %}
-<div class="">
-	<button class="btn btn-outline" id="scan_button">
-		<div><i class="fas fa-sync align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
-		<div class="align-bottom text-themecolor small text-center">Scan Disk</div>
-	</button>
-	<button class="btn btn-outline" id="search_button">
-		<div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
-		<div class="align-bottom text-themecolor small text-center">Search</div>
-	</button>
-</div>
+    <div class="">
+        <button class="btn btn-outline" id="scan_button">
+            <div><i class="fas fa-sync align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
+            <div class="align-bottom text-themecolor small text-center">Scan Disk</div>
+        </button>
+        <button class="btn btn-outline" id="search_button">
+            <div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
+            <div class="align-bottom text-themecolor small text-center">Search</div>
+        </button>
+    </div>
 {% endblock bcleft %}
 
 {% block bcright %}
-<div class="d-flex m-t-5 justify-content-end">
-	<button class="btn btn-outline" id="edit_button">
-		<div><i class="fas fa-wrench align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
-		<div class="align-bottom text-themecolor small text-center">Edit Series</div>
-	</button>
-</div>
+    <div class="d-flex m-t-5 justify-content-end">
+        <button class="btn btn-outline" id="edit_button">
+            <div><i class="fas fa-wrench align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
+            <div class="align-bottom text-themecolor small text-center">Edit Series</div>
+        </button>
+    </div>
 {% endblock bcright %}
 
 {% block body %}
-<div class="container-fluid" id="seriesFanart">
-	<div class="row justify-content-md-center" id="seriesDetails">
-		<div class="col-sm-auto" id="seriesPosterColumn">
-			<img id="seriesPoster" src="">
-		</div>
-		<div class="col">
-			<div class="container-fluid">
-				<div class="row">
-					<h1><span id="seriesTitle"></span></h1>
-					<i class="far fa-clone" id="seriesAlternateTitles" data-toggle="tooltip" data-placement="right" title="None" data-html="true"></i>
-				</div>
-				<div class="row">
-					<h5><span id="seriesAudioLanguage" class="badge badge-secondary"></span></h5>
-					<h5><span id="seriesMappedPath" class="badge badge-secondary"></span></h5>
-					<h5><span id="seriesFileCount" class="badge badge-secondary"></span></h5>
-				</div>
-				<div class="row">
-					<h5><span id="seriesSubtitlesLanguages"></span></h5>
-				</div>
-				<div class="row">
-					<h5><span id="seriesHearingImpaired" class="badge badge-secondary"></span></h5>
-					<h5><span id="seriesForced" class="badge badge-secondary"></span></h5>
-				</div>
-				<div class="row">
-					<span id="seriesDescription"></span>
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="container-fluid">
-	<!-- Bread crumb and right sidebar toggle -->
-	<!-- ============================================================== -->
-	<table id="episodes" class="table table-striped" style="width:100%">
-		<thead>
-		<tr>
-			<th></th>
-			<th>Episode</th>
-			<th>Title</th>
-			<th>Existing Subtitles</th>
-			<th>Missing Subtitles</th>
-			<th>Manual Search</th>
-			<th>Manual Upload</th>
-		</tr>
-		</thead>
-	</table>
-</div>
-
-<div id="manualSearchModal" class="modal" tabindex="-1" role="dialog">
-	<div class="modal-dialog modal-lg" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h5 class="modal-title"><span id="series_title_span"></span></h5><br>
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-			</div>
-			<div class="modal-body">
-				<h6>Episode path is: <span id="episode_path_span" class="badge badge-secondary"></span>
-					<br>Scenename is: <span id="episode_scenename_span" class="badge badge-secondary"></span></h6>
-				<div class="container-fluid">
-					<table id="search_result" class="table table-striped">
-						<thead>
-						<tr>
-							<th style="text-align: left;">Score:</th>
-							<th style="text-align: left;">Lang.:</th>
-							<th style="text-align: left;">HI:</th>
-							<th style="text-align: left;">Provider:</th>
-							<th style="text-align: left;">Matching:</th>
-							<th style="text-align: left;">Releases:</th>
-							<th></th>
-						</tr>
-						</thead>
-					</table>
-				</div>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-			</div>
-		</div>
-	</div>
-</div>
-
-<div id="uploadModal" class="modal" tabindex="-1" role="dialog">
-	<div class="modal-dialog modal-lg" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h5 class="modal-title"><span id="upload_series_title_span"></span></h5><br>
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-			</div>
-			<form class="form" name="upload_form" id="upload_form">
-				<div class="modal-body">
-					<div class="container-fluid">
-						<div class="row">
-							<div class="col-sm-2 text-right">
-								Language
-							</div>
-							<div class="form-group col-sm-8 pl-sm-0">
-								<select class="selectpicker" id="manual_language_select" name="language"></select>
-							</div>
-						</div>
-						<div class="row">
-							<div class="col-sm-2 text-right">
-								Forced
-							</div>
-							<div class="form-group col-sm-1 pl-sm-0">
-								<label class="custom-control custom-checkbox">
-									<input type="checkbox" class="custom-control-input" id="forced_checkbox" name="forced">
-									<span class="custom-control-label" for="forced_checkbox"></span>
-								</label>
-							</div>
-						</div>
-						<div class="row">
-							<div class="col-sm-2 text-right">
-								File
-							</div>
-							<div class="form-group col-sm-7 pl-sm-0">
-								<div class="custom-file">
-									<input type="file" class="custom-file-input" id="upload" name="upload">
-									<label class="custom-file-label" for="upload">Choose file</label>
-								</div>
-							</div>
-						</div>
-					</div>
-
-					<input type="hidden" id="upload_episodePath" name="episodePath" value="" />
-					<input type="hidden" id="upload_sceneName" name="sceneName" value="" />
-					<input type="hidden" id="upload_sonarrSeriesId" name="sonarrSeriesId" value="" />
-					<input type="hidden" id="upload_sonarrEpisodeId" name="sonarrEpisodeId" value="" />
-					<input type="hidden" id="upload_title" name="title" value="" />
-				</div>
-				<div class="modal-footer">
-					<button type="submit" id="upload_save_button" class="btn btn-info">Save</button>
-					<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-				</div>
-			</form>
-		</div>
-	</div>
-</div>
-
-<div id="editModal" class="modal" tabindex="-1" role="dialog">
-	<div class="modal-dialog modal-lg" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h5 class="modal-title"><span id="edit_series_title_span"></span></h5><br>
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-			</div>
-			<form class="form" name="edit_form" id="edit_form">
-				<div class="modal-body">
-					<div class="container-fluid">
-						<div class="row">
-							<div class="col-sm-3 text-right">
-								Audio Language
-							</div>
-							<div class="form-group col-sm-8 pl-sm-0">
-								<span id="edit_audio_language_span"></span>
-							</div>
-						</div>
-						<div class="row">
-							<div class="col-sm-3 text-right">
-								Subtitles Language(s)
-							</div>
-							<div class="form-group col-sm-8 pl-sm-0">
-								<select class="selectpicker" id="edit_languages_select" name="languages" multiple data-live-search="true"></select>
-							</div>
-						</div>
-						<div class="row">
-							<div class="col-sm-3 text-right">
-								Hearing-Impaired
-							</div>
-							<div class="form-group col-sm-1 pl-sm-0">
-								<label class="custom-control custom-checkbox">
-									<input type="checkbox" class="custom-control-input" id="hi_checkbox" name="hi">
-									<span class="custom-control-label" for="hi_checkbox"></span>
-								</label>
-							</div>
-						</div>
-						<div class="row">
-							<div class="col-sm-3 text-right">
-								Forced
-							</div>
-							<div class="form-group col-sm-8 pl-sm-0">
-								<select class="selectpicker" id="edit_forced_select" name="forced">
-									<option value="False">False</option>
-									<option value="True">True</option>
-									<option value="Both">Both</option>
-								</select>
-							</div>
-						</div>
-					</div>
-
-					<input type="hidden" id="edit_sonarrSeriesId" name="sonarrSeriesId" value="" />
-				</div>
-				<div class="modal-footer">
-					<button type="submit" id="edit_save_button" class="btn btn-info">Save</button>
-					<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-				</div>
-			</form>
-		</div>
-	</div>
-</div>
-
-<div id="episodeHistoryModal" class="modal" tabindex="-1" role="dialog">
-	<div class="modal-dialog modal-lg" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h5 class="modal-title"><span id="episode_history_title_span"></span></h5><br>
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-			</div>
-			<div class="modal-body">
-				<div class="container-fluid">
-					<table id="episode_history_result" class="table table-striped">
-						<thead>
-						<tr>
-							<th></th>
-							<th style="text-align: left;">Language.:</th>
-							<th style="text-align: left;">Provider:</th>
-							<th style="text-align: left;">Score:</th>
-							<th style="text-align: left;">Date:</th>
-						</tr>
-						</thead>
-					</table>
-				</div>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-			</div>
-		</div>
-	</div>
-</div>
+    <div class="container-fluid" id="seriesFanart">
+        <div class="row justify-content-md-center" id="seriesDetails">
+            <div class="col-sm-auto" id="seriesPosterColumn">
+                <img id="seriesPoster" src="">
+            </div>
+            <div class="col">
+                <div class="container-fluid">
+                    <div class="row">
+                        <h1><span id="seriesTitle"></span></h1>
+                        <i class="far fa-clone" id="seriesAlternateTitles" data-toggle="tooltip" data-placement="right"
+                           title="None" data-html="true"></i>
+                    </div>
+                    <div class="row">
+                        <h5><span id="seriesAudioLanguage" class="badge badge-secondary"></span></h5>
+                        <h5><span id="seriesMappedPath" class="badge badge-secondary"></span></h5>
+                        <h5><span id="seriesFileCount" class="badge badge-secondary"></span></h5>
+                    </div>
+                    <div class="row">
+                        <h5><span id="seriesSubtitlesLanguages"></span></h5>
+                    </div>
+                    <div class="row">
+                        <h5><span id="seriesHearingImpaired" class="badge badge-secondary"></span></h5>
+                        <h5><span id="seriesForced" class="badge badge-secondary"></span></h5>
+                    </div>
+                    <div class="row">
+                        <span id="seriesDescription"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-fluid">
+        <!-- ============================================================== -->
+        <!-- Bread crumb and right sidebar toggle -->
+        <!-- ============================================================== -->
+        <table id="episodes" class="table table-striped" style="width:100%">
+            <thead>
+            <tr>
+                <th></th>
+                <th>Episode</th>
+                <th>Title</th>
+                <th>Existing Subtitles</th>
+                <th>Missing Subtitles</th>
+                <th>Manual Search</th>
+                <th>Manual Upload</th>
+            </tr>
+            </thead>
+        </table>
+    </div>
+
+    <div id="manualSearchModal" class="modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title"><span id="series_title_span"></span></h5><br>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <h6>Episode path is: <span id="episode_path_span" class="badge badge-secondary"></span>
+                        <br>Scenename is: <span id="episode_scenename_span" class="badge badge-secondary"></span></h6>
+                    <div class="container-fluid">
+                        <table id="search_result" class="table table-striped">
+                            <thead>
+                            <tr>
+                                <th style="text-align: left;">Score:</th>
+                                <th style="text-align: left;">Lang.:</th>
+                                <th style="text-align: left;">HI:</th>
+                                <th style="text-align: left;">Provider:</th>
+                                <th style="text-align: left;">Matching:</th>
+                                <th style="text-align: left;">Releases:</th>
+                                <th></th>
+                            </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="uploadModal" class="modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title"><span id="upload_series_title_span"></span></h5><br>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <form class="form" name="upload_form" id="upload_form">
+                    <div class="modal-body">
+                        <div class="container-fluid">
+                            <div class="row">
+                                <div class="col-sm-2 text-right">
+                                    Language
+                                </div>
+                                <div class="form-group col-sm-8 pl-sm-0">
+                                    <select class="selectpicker" id="manual_language_select" name="language"></select>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-2 text-right">
+                                    Forced
+                                </div>
+                                <div class="form-group col-sm-1 pl-sm-0">
+                                    <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input" id="forced_checkbox"
+                                               name="forced">
+                                        <span class="custom-control-label" for="forced_checkbox"></span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-2 text-right">
+                                    File
+                                </div>
+                                <div class="form-group col-sm-7 pl-sm-0">
+                                    <div class="custom-file">
+                                        <input type="file" class="custom-file-input" id="upload" name="upload">
+                                        <label class="custom-file-label" for="upload">Choose file</label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <input type="hidden" id="upload_episodePath" name="episodePath" value=""/>
+                        <input type="hidden" id="upload_sceneName" name="sceneName" value=""/>
+                        <input type="hidden" id="upload_sonarrSeriesId" name="sonarrSeriesId" value=""/>
+                        <input type="hidden" id="upload_sonarrEpisodeId" name="sonarrEpisodeId" value=""/>
+                        <input type="hidden" id="upload_title" name="title" value=""/>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="submit" id="upload_save_button" class="btn btn-info">Save</button>
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <div id="editModal" class="modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title"><span id="edit_series_title_span"></span></h5><br>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <form class="form" name="edit_form" id="edit_form">
+                    <div class="modal-body">
+                        <div class="container-fluid">
+                            <div class="row">
+                                <div class="col-sm-3 text-right">
+                                    Audio Language
+                                </div>
+                                <div class="form-group col-sm-8 pl-sm-0">
+                                    <span id="edit_audio_language_span"></span>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-3 text-right">
+                                    Subtitles Language(s)
+                                </div>
+                                <div class="form-group col-sm-8 pl-sm-0">
+                                    <select class="selectpicker" id="edit_languages_select" name="languages" multiple
+                                            data-live-search="true"></select>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-3 text-right">
+                                    Hearing-Impaired
+                                </div>
+                                <div class="form-group col-sm-1 pl-sm-0">
+                                    <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input" id="hi_checkbox" name="hi">
+                                        <span class="custom-control-label" for="hi_checkbox"></span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-3 text-right">
+                                    Forced
+                                </div>
+                                <div class="form-group col-sm-8 pl-sm-0">
+                                    <select class="selectpicker" id="edit_forced_select" name="forced">
+                                        <option value="False">False</option>
+                                        <option value="True">True</option>
+                                        <option value="Both">Both</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <input type="hidden" id="edit_sonarrSeriesId" name="sonarrSeriesId" value=""/>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="submit" id="edit_save_button" class="btn btn-info">Save</button>
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <div id="episodeHistoryModal" class="modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title"><span id="episode_history_title_span"></span></h5><br>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <div class="container-fluid">
+                        <table id="episode_history_result" class="table table-striped">
+                            <thead>
+                            <tr>
+                                <th></th>
+                                <th style="text-align: left;">Language.:</th>
+                                <th style="text-align: left;">Provider:</th>
+                                <th style="text-align: left;">Score:</th>
+                                <th style="text-align: left;">Date:</th>
+                            </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                </div>
+            </div>
+        </div>
+    </div>
 {% endblock body %}
 
 {% block tail %}
-<script>
-	// make the filename appear in upload file dialog once a file have been selected.
-	$(document).ready(function () {
-		document.querySelector('.custom-file-input').addEventListener('change',function(e){
-			var fileName = document.getElementById("upload").files[0].name;
-			var nextSibling = e.target.nextElementSibling;
-			nextSibling.innerText = fileName;
-		});
-
-		$('#series_nav').addClass("active");
-
-		seriesDetailsRefresh();
-		getLanguages();
-		getEnabledLanguages();
-
-		var table = $('#episodes').DataTable({
-			"processing": true,
-			"serverSide": true,
-			language: {
-				zeroRecords: 'No Episodes Found For This Series',
-				processing: "Loading Episodes..."
-			},
-			"searching": false,
-			"ordering": false,
-			"lengthChange": false,
-			"responsive": true,
-			"pageLength": {{ settings.general.page_size }},
-			"ajax": "{{ url_for('api.episodes') }}?seriesid={{id}}",
-			rowGroup: {
-				dataSrc: function(data) {
-					return 'Season ' + data.season;
-				}
-			},
-			"columns": [
-				{"data": "monitored",
-					"render": function (data, type, row) {
-						if (data === 'False') {
-							return '<i class="far fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode unmonitored in Sonarr"></i>';
-						} else if (data === 'True') {
-							return '<i class="fas fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode monitored in Sonarr"></i>';
-						}
-					}
-				},
-				{"data": "episode"},
-				{"data": null,
-					"render": function (data) {
-						var title_path = '<a href="" data-toggle="tooltip" title="Path is: '+data.mapped_path+'" data-season='+data.season+' data-episode='+data.episode+' data-episodeTitle="'+data.title+'" data-sonarrEpisodeId='+data.sonarrEpisodeId+' class="episode_history">'+data.title+'</a>';
-						if (data.scene_name) {
-							return '<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="right" title="' + data.scene_name + '"></i> ' + title_path;
-						} else {
-							return title_path;
-						}
-					}
-				},
-				{"data": null,
-					"render": function (data) {
-						if (data.subtitles !== 'None') {
-							var languages = '';
-							data.subtitles.forEach(appendFunc);
-							return languages;
-						} else {
-							return null;
-						}
-
-						function appendFunc(value) {
-							if (value[1] === null) {
-								languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value[0].name + ((value[0].forced) ? ' forced':'') + '">' + value[0].code2 + ((value[0].forced) ? ':forced':'') + '</span> ';
-							} else {
-								languages = languages + '<a href="" class="remove_subtitles badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value[0].name + ((value[0].forced) ? ' forced':'') + '" data-episodePath="'+data.mapped_path+'" data-language="'+value[0].code3+'" data-subtitlesPath="'+value[1]+'" data-sonarrEpisodeId='+data.sonarrEpisodeId+'>' + value[0].code2 + ((value[0].forced) ? ':forced':'') + ' <i class="far fa-trash-alt"></i></a> ';
-							}
-						}
-					}
-				},
-				{"data": null,
-					"render": function (data) {
-						if (data.missing_subtitles !== 'None') {
-							var languages = '';
-							data.missing_subtitles.forEach(appendFunc);
-							return languages;
-						} else {
-							return null;
-						}
-
-						function appendFunc(value) {
-							languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced':'') + '" data-episodepath="'+data.mapped_path+'" data-scenename="'+data.scene_name+'" data-title="'+data.title+'" data-language="'+value.code3+'" data-hi="'+seriesDetails.hearing_impaired+'" data-forced="'+value.forced+'" data-sonarrepisodeid='+data.sonarrEpisodeId+'>' + value.code2 + ((value.forced) ? ':forced':'') + ' <i class="fas fa-search"></i></a> ';
-						}
-					}
-				},
-				{"data": null,
-					"render": function (data) {
-						if (data.desired_languages !== '[]') {
-							return '<a href="" class="manual_search badge badge-secondary" data-season=' + data.season + ' data-episode=' + data.episode + ' data-episode_title="' + data.title + '" data-episodePath="' + data.mapped_path + '" data-sceneName="' + data.scene_name + '" data-language="' + data.desired_languages + '" data-sonarrEpisodeId=' + data.sonarrEpisodeId + '><i class="fas fa-user"></i></a>';
-						} else {
-							return ''
-						}
-					}
-				},
-				{"data": null,
-					"render": function (data) {
-						if (data.desired_languages !== '[]') {
-							return '<a href="" class="upload_subtitle badge badge-secondary" data-episodePath="'+data.mapped_path+'" data-sceneName"'+data.scene_name+'" data-sonarrSeriesId="'+seriesDetails['sonarrSeriesId']+'" data-sonarrEpisodeId="'+data.sonarrEpisodeId+'" data-season="'+data.season+'" data-episode="'+data.episode+'" data-episode_title="'+data.title+'"><i class="fas fa-cloud-upload-alt"></i></a>';
-						} else {
-							return ''
-						}
-					}
-				}
-			]
-		});
-
-		$('#episodes').on('click', '.remove_subtitles', function(e){
-			$(this).tooltip('dispose');
-			e.preventDefault();
-			const values = {
-				episodePath: $(this).attr("data-episodePath"),
-				language: $(this).attr("data-language"),
-				subtitlesPath: $(this).attr("data-subtitlesPath"),
-				sonarrSeriesId: seriesDetails['sonarrSeriesId'],
-				sonarrEpisodeId: $(this).attr("data-sonarrEpisodeId"),
-				tvdbid: seriesDetails['tvdbId']
-			};
-			var cell = $(this).parent();
-			$.ajax({
-				url: "{{ url_for('api.episodessubtitlesdelete') }}",
-				type: "DELETE",
-				dataType: "json",
-				data: values,
-				beforeSend: function() {
-					cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
-				}
-			});
-		});
-
-		$('#episodes').on('click', '.get_subtitle', function(e){
-			$(this).tooltip('dispose');
-			e.preventDefault();
-			const values = {
-				episodePath: $(this).attr("data-episodepath"),
-				sceneName: $(this).attr("data-scenename"),
-				language: $(this).attr("data-language"),
-				hi: $(this).attr("data-hi"),
-				forced: $(this).attr("data-forced"),
-				sonarrSeriesId: seriesDetails['sonarrSeriesId'],
-				sonarrEpisodeId: $(this).attr('data-sonarrepisodeid'),
-				title: seriesDetails['title']
-			};
-			var cell = $(this).parent();
-			$.ajax({
-				url: "{{ url_for('api.episodessubtitlesdownload') }}",
-				type: "POST",
-				dataType: "json",
-				data: values,
-				beforeSend: function() {
-					cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
-				}
-			});
-		});
-
-		$('#episodes').on('click', '.manual_search', function(e){
-			e.preventDefault();
-			$("#series_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episode_title"));
-			$("#episode_path_span").html($(this).attr("data-episodePath"));
-			$("#episode_scenename_span").html($(this).attr("data-sceneName"));
-
-			episodePath = $(this).attr("data-episodePath");
-			sceneName = $(this).attr("data-sceneName");
-			language = $(this).attr("data-language");
-			hi = seriesDetails['hearing_impaired'];
-			forced = seriesDetails['forced'];
-			sonarrSeriesId = seriesDetails['sonarrSeriesId'];
-			sonarrEpisodeId = $(this).attr("data-sonarrEpisodeId");
-			var languages = Array.from(seriesDetails['languages']);
-			var is_pb = languages.includes('pb');
-			var is_pt = languages.includes('pt');
-
-			const values = {
-				episodePath: episodePath,
-				sceneName: sceneName,
-				language: language,
-				hi: hi,
-				forced: forced,
-				sonarrSeriesId: sonarrSeriesId,
-				sonarrEpisodeId: sonarrEpisodeId,
-				title: seriesDetails['title']
-			};
-
-			$('#search_result').DataTable( {
-				destroy: true,
-				language: {
-					zeroRecords: 'No Subtitles Found For This Episode',
-					processing: "Searching (possibly solving captcha)..."
-				},
-				paging: true,
-				lengthChange: false,
-				pageLength: 5,
-				searching: false,
-				ordering: false,
-				processing: true,
-				serverSide: false,
-				ajax: {
-					url: '{{ url_for('api.episodessubtitlesmanualsearch') }}',
-					type: 'POST',
-					data: values
-				},
-				columns: [
-					{ data: 'score',
-						render: function ( data ) {
-							return data +'%';
-						}
-					},
-					{ data: null,
-						render: function ( data ) {
-							if ( data.language === "pt" && is_pb === true && is_pt === false) {
-								return 'pb'
-							} else {
-								return data.language
-							}
-						}
-					},
-					{ data: 'hearing_impaired' },
-					{ data: null,
-						render: function ( data ) {
-							return '<a href="'+data.url+'" target="_blank">'+data.provider+'</a>';
-						}
-					},
-					{ data: null,
-						render: function ( data ) {
-							const array_matches = data.matches;
-							const array_dont_matches = data.dont_matches;
-							let i;
-							let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-check-circle" style="color: green;"></i> '+array_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
-							for (i = 0; i < array_matches.length; i++) {
-								text += '<a class="dropdown-item disabled" href="#">' + array_matches[i] + '</a>';
-							}
-							text += '</div>';
-							text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-times-circle" style="color: red;"></i> '+array_dont_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
-							for (i = 0; i < array_dont_matches.length; i++) {
-								text += '<a class="dropdown-item disabled" href="#">' + array_dont_matches[i] + '</a>';
-							}
-							text += '</div></div></div>';
-							return text;
-						}
-					},
-					{ data: null,
-						render: function ( data ) {
-							const array_release_info = data.release_info;
-							let i;
-							let text = '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="\tfas fa-comment-dots"></i> '+array_release_info.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
-							for (i = 0; i < array_release_info.length; i++) {
-								text += '<a class="dropdown-item" href="#">' + array_release_info[i] + '</a>';
-							}
-							text += '</div></div>';
-							return text;
-						}
-					},
-					{ data: null,
-						render: function ( data ) {
-							return '<a href="" class="manual_download badge badge-secondary" data-episodePath="'+episodePath+'" data-sceneName="'+sceneName+'" data-sonarrEpisodeId='+sonarrEpisodeId+' data-subtitle="'+data.subtitle+'" data-provider="'+data.provider+'" data-language="'+data.language+'" data-forced="'+forced+'"><i class="fas fa-download" style="margin-right:0px" ></i></a>';
-						}
-					}
-				]
-			} );
-
-			$('#manualSearchModal')
-					.modal({
-						focus: false
-					});
-		});
-
-		$('#search_result').on('click', '.manual_download', function(e){
-			e.preventDefault();
-			const values = {
-				episodePath: $(this).attr("data-episodepath"),
-				sceneName: $(this).attr("data-scenename"),
-				language: $(this).attr("data-language"),
-				hi: seriesDetails['hearing_impaired'],
-				forced: $(this).attr("data-forced"),
-				provider: $(this).attr("data-provider"),
-				subtitle: $(this).attr("data-subtitle"),
-				sonarrSeriesId: seriesDetails['sonarrSeriesId'],
-				sonarrEpisodeId: $(this).attr('data-sonarrepisodeid'),
-				title: seriesDetails['title']
-			};
-			var cell = $(this).parent()
-			;
-			$.ajax({
-				url: "{{ url_for('api.episodessubtitlesmanualdownload') }}",
-				type: "POST",
-				dataType: "json",
-				data: values,
-				beforeSend: function() {
-					cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
-				},
-				complete: function(data) {
-					$('#manualSearchModal').modal('hide');
-				}
-			});
-		});
-
-		$('#episodes').on('click', '.upload_subtitle', function(e){
-			e.preventDefault();
-			$("#upload_series_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episode_title"));
-			$('#upload_episodePath').val($(this).data("episodepath"));
-			$('#upload_sceneName').val($(this).data("scenename"));
-			$('#upload_sonarrSeriesId').val($(this).data("sonarrseriesid"));
-			$('#upload_sonarrEpisodeId').val($(this).data("sonarrepisodeid"));
-			$('#upload_title').val($(this).data("episode_title"));
-
-			$('#manual_language_select').empty();
-			$.each(enabledLanguages, function (i, item) {
-				$('#manual_language_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
-			});
-			$("#manual_language_select").selectpicker("refresh");
-
-			$('#uploadModal')
-					.modal({
-						focus: false
-					});
-		});
-
-		$('#upload_form').on('submit', function(e){
-			e.preventDefault();
-			var formdata = new FormData(document.getElementById("upload_form"));
-
-			$.ajax({
-				url: "{{ url_for('api.episodessubtitlesupload') }}",
-				data: formdata,
-				processData: false,
-				contentType: false,
-				type: 'POST',
-				success: function(){
-					$('#uploadModal').modal('hide');
-				}
-			});
-		});
-
-		$('#scan_button').on('click', function(e){
-			e.preventDefault();
-			$.ajax({
-				url: "{{ url_for('api.episodesscandisk', seriesid=id) }}",
-				type: 'GET',
-				beforeSend: function() {
-					$('#scan_button').find("i").addClass('fa-spin');
-				},
-				complete: function() {
-					$('#scan_button').find("i").removeClass('fa-spin');
-				}
-			});
-		});
-
-		$('#search_button').on('click', function(e){
-			e.preventDefault();
-			$.ajax({
-				url: "{{ url_for('api.episodessearchmissing', seriesid=id) }}",
-				type: 'GET',
-				beforeSend: function() {
-					$('#search_button').find("i").addClass('fa-spin');
-				},
-				complete: function() {
-					$('#search_button').find("i").removeClass('fa-spin');
-				}
-			});
-		});
-
-		$('#edit_button').on('click', function(e){
-			e.preventDefault();
-			$("#edit_series_title_span").html(seriesDetails['title']);
-			$("#edit_audio_language_span").text(seriesDetails['audio_language']['name']);
-			$('#edit_sonarrSeriesId').val(seriesDetails['sonarrSeriesId']);
-
-
-			$('#edit_languages_select').empty();
-			if ('{{settings.general.single_language}}' === 'True') {
-				$('#edit_languages_select').selectpicker({maxOptions: 1});
-				$('#edit_languages_select').append('<option value="None">None</option>');
-			}
-			$.each(enabledLanguages, function (i, item) {
-				$('#edit_languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
-			});
-			$("#edit_languages_select").selectpicker("refresh");
-			var selected_languages = Array();
-			$.each(Array.from(seriesDetails['languages']), function (i, item) {
-				selected_languages.push(item.code2);
-			});
-			$('#edit_languages_select').selectpicker('val', selected_languages);
-			$('#hi_checkbox').prop('checked', (seriesDetails['hearing_impaired'] === 'True'));
-			$('#edit_forced_select').val(seriesDetails['forced']).change();
-
-			$('#editModal')
-					.modal({
-						focus: false
-					});
-		});
-
-		$('#edit_form').on('submit', function(e){
-			e.preventDefault();
-			var formdata = new FormData(document.getElementById("edit_form"));
-
-			$.ajax({
-				url: "{{ url_for('api.series') }}?seriesid={{id}}",
-				data: formdata,
-				processData: false,
-				contentType: false,
-				type: 'POST',
-				success: function(){
-					seriesDetailsRefresh();
-					$('#editModal').modal('hide');
-				}
-			});
-		});
-
-		$('#uploadModal').on('hidden.bs.modal', function () {
-			$(this).find('form')[0].reset();
-		});
-
-		events.on('event', function(event) {
-			var event_json = JSON.parse(event);
-			if (event_json.series === {{id}}) {
-				if (event_json.type === 'series' && event_json.action === 'update' && event_json.episode == null) {
-					seriesDetailsRefresh();
-				}
-
-				if (event_json.type === 'episode' && event_json.action === 'insert') {
-					$.ajax({
-						url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
-						success: function (data) {
-							if (data.data.length) {
-								$('#episodes').DataTable().rows.add(data.data);
-								$('#episodes').DataTable().columns.adjust().draw(false);
-								$('[data-toggle="tooltip"]').tooltip({html: true});
-							}
-						}
-					})
-				} else if (event_json.type === 'episode' && event_json.action === 'update') {
-					var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
-					if (rowId.length) {
-						$.ajax({
-							url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
-							success: function (data) {
-								if (data.data.length) {
-									$('#episodes').DataTable().row(rowId).data(data.data[0]).draw('page');
-									$('[data-toggle="tooltip"]').tooltip({html: true});
-								}
-							}
-						})
-					}
-				} else if (event_json.type === 'episode' && event_json.action === 'delete') {
-					var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
-					if (rowId.length) {
-						$('#episodes').DataTable().row(rowId).remove();
-						$('#episodes').DataTable().columns.adjust().draw(false);
-						$('[data-toggle="tooltip"]').tooltip({html: true});
-					}
-				}
-			}
-		});
-
-		$('#episodes').on('click', '.episode_history', function(e){
-			$(this).tooltip('dispose');
-			e.preventDefault();
-
-			$("#episode_history_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episodetitle"));
-
-			sonarrEpisodeId = $(this).data("sonarrepisodeid");
-
-			$('#episode_history_result').DataTable( {
-				destroy: true,
-				language: {
-					zeroRecords: 'No History Records Found For This Episode'
-				},
-				paging: true,
-				lengthChange: false,
-				pageLength: 5,
-				searching: true,
-				ordering: false,
-				processing: false,
-				serverSide: false,
-				ajax: {
-					url: '{{ url_for( 'api.episodeshistory' )}}?episodeid=' + sonarrEpisodeId
-				},
-				columns: [
-					{ data: 'action',
-						"render": function(data) {
-							if (data === 0) {return "<i class='fas fa-trash' title='Subtitle file has been erased.' data-toggle='tooltip' data-placement='right'></i>";}
-							else if (data === 1) {return "<i class='fas fa-download' title='Subtitle file has been downloaded.' data-toggle='tooltip' data-placement='right'></i>";}
-							else if (data === 2) {return "<i class='fas fa-user' title='Subtitle file has been manually downloaded.' data-toggle='tooltip' data-placement='right'></i>";}
-							else if (data === 3) {return "<i class='fas fa-recycle' title='Subtitle file has been upgraded.' data-toggle='tooltip' data-placement='right'></i>";}
-							else if (data === 4) {return "<i class='fas fa-cloud-upload-alt' title='Subtitle file has been manually uploaded.' data-toggle='tooltip' data-placement='right'></i>";}
-						}},
-					{ data: 'language' },
-					{ data: 'provider' },
-					{ data: 'score'},
-					{ data: 'timestamp' }
-				]
-			} );
-
-			$('#episodeHistoryModal')
-					.modal({
-						focus: false
-					});
-		});
-	});
-
-	function seriesDetailsRefresh() {
-		$.ajax({
-			url: "{{ url_for('api.series') }}?seriesid={{id}}"
-		}).done(function (data) {
-			seriesDetails = data.data[0];
-			$(document).prop('title', seriesDetails['title'] + ' - Bazarr');
-			$('#seriesFanart').css('background-image', "url('{{ url_for('image_proxy', url='MediaCover/'+id+'/fanart.jpg') }}')");
-			$('#seriesPoster').attr("src", "{{ url_for('image_proxy', url='MediaCover/'+id+'/poster-250.jpg') }}");
-			$('#seriesTitle').text(seriesDetails['title']);
-
-			if (seriesDetails['alternateTitles'].length > 0) {
-				$('#seriesAlternateTitles').attr("data-original-title", "<b>Alternative Titles:</b><br>" + seriesDetails['alternateTitles']);
-			} else {
-				$('#seriesAlternateTitles').hide();
-			}
-
-			$('#seriesAudioLanguage').text(seriesDetails['audio_language'].name);
-			$('#seriesMappedPath').text(seriesDetails['mapped_path']);
-			$('#seriesMappedPath').attr("data-original-title", seriesDetails['mapped_path']);
-			$('#seriesFileCount').text(seriesDetails['episodeFileCount'] + ' files');
-
-			var languages = '';
-			if (seriesDetails['languages'] !== 'None') {
-				seriesDetails['languages'].forEach(appendFunc);
-			}
-
-			function appendFunc(value) {
-				languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + '">' + value.code2 + '</span> ';
-			}
-
-			$('#seriesSubtitlesLanguages').html(languages);
-			$('#seriesHearingImpaired').text('Hearing-Impaired: ' + seriesDetails['hearing_impaired']);
-			$('#seriesForced').text('Forced: ' + seriesDetails['forced']);
-			$('#seriesDescription').text(seriesDetails['overview']);
-
-			if (seriesDetails['desired_languages'] == '[]') {
-				$('#search_button').hide();
-			} else {
-				$('#search_button').show();
-			}
-
-			$('[data-toggle="tooltip"]').tooltip({html: true});
-		});
-	}
-
-	function getLanguages() {
-		$.ajax({
-			url: "{{ url_for('api.languages') }}?enabled=false",
-			success:function(data) {
-				availableLanguages = data;
-			}
-		});
-	}
-
-	function getEnabledLanguages() {
-		$.ajax({
-			url: "{{ url_for('api.languages') }}?enabled=true",
-			success:function(data) {
-				enabledLanguages = data;
-			}
-		});
-	}
-</script>
+    <script>
+        // make the filename appear in upload file dialog once a file have been selected.
+        $(document).ready(function () {
+            document.querySelector('.custom-file-input').addEventListener('change', function (e) {
+                var fileName = document.getElementById("upload").files[0].name;
+                var nextSibling = e.target.nextElementSibling;
+                nextSibling.innerText = fileName;
+            });
+
+            $('#series_nav').addClass("active");
+
+            seriesDetailsRefresh();
+            getLanguages();
+            getEnabledLanguages();
+
+            var table = $('#episodes').DataTable({
+                dom: "tr",
+                processing: true,
+                serverSide: true,
+                language: {
+                    zeroRecords: 'No Episodes Found For This Series',
+                    processing: "Loading Episodes..."
+                },
+                searching: false,
+                ordering: false,
+                lengthChange: false,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.episodes') }}?seriesid={{id}}",
+                rowGroup: {
+                    dataSrc: function (data) {
+                        return 'Season ' + data.season;
+                    }
+                },
+                columns: [
+                    {
+                        data: "monitored",
+                        render: function (data, type, row) {
+                            if (data === 'False') {
+                                return '<i class="far fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode unmonitored in Sonarr"></i>';
+                            } else if (data === 'True') {
+                                return '<i class="fas fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode monitored in Sonarr"></i>';
+                            }
+                        }
+                    },
+                    {data: "episode"},
+                    {
+                        data: null,
+                        render: function (data) {
+                            var title_path = '<a href="" data-toggle="tooltip" title="Path is: ' + data.mapped_path + '" data-season=' + data.season + ' data-episode=' + data.episode + ' data-episodeTitle="' + data.title + '" data-sonarrEpisodeId=' + data.sonarrEpisodeId + ' class="episode_history">' + data.title + '</a>';
+                            if (data.scene_name) {
+                                return '<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="right" title="' + data.scene_name + '"></i> ' + title_path;
+                            } else {
+                                return title_path;
+                            }
+                        }
+                    },
+                    {
+                        data: null,
+                        render: function (data) {
+                            if (data.subtitles !== 'None') {
+                                var languages = '';
+                                data.subtitles.forEach(appendFunc);
+                                return languages;
+                            } else {
+                                return null;
+                            }
+
+                            function appendFunc(value) {
+                                if (value[1] === null) {
+                                    languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value[0].name + ((value[0].forced) ? ' forced' : '') + '">' + value[0].code2 + ((value[0].forced) ? ':forced' : '') + '</span> ';
+                                } else {
+                                    languages = languages + '<a href="" class="remove_subtitles badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value[0].name + ((value[0].forced) ? ' forced' : '') + '" data-episodePath="' + data.mapped_path + '" data-language="' + value[0].code3 + '" data-subtitlesPath="' + value[1] + '" data-sonarrEpisodeId=' + data.sonarrEpisodeId + '>' + value[0].code2 + ((value[0].forced) ? ':forced' : '') + ' <i class="far fa-trash-alt"></i></a> ';
+                                }
+                            }
+                        }
+                    },
+                    {
+                        data: null,
+                        render: function (data) {
+                            if (data.missing_subtitles !== 'None') {
+                                var languages = '';
+                                data.missing_subtitles.forEach(appendFunc);
+                                return languages;
+                            } else {
+                                return null;
+                            }
+
+                            function appendFunc(value) {
+                                languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced' : '') + '" data-episodepath="' + data.mapped_path + '" data-scenename="' + data.scene_name + '" data-title="' + data.title + '" data-language="' + value.code3 + '" data-hi="' + seriesDetails.hearing_impaired + '" data-forced="' + value.forced + '" data-sonarrepisodeid=' + data.sonarrEpisodeId + '>' + value.code2 + ((value.forced) ? ':forced' : '') + ' <i class="fas fa-search"></i></a> ';
+                            }
+                        }
+                    },
+                    {
+                        data: null,
+                        render: function (data) {
+                            if (data.desired_languages !== '[]') {
+                                return '<a href="" class="manual_search badge badge-secondary" data-season=' + data.season + ' data-episode=' + data.episode + ' data-episode_title="' + data.title + '" data-episodePath="' + data.mapped_path + '" data-sceneName="' + data.scene_name + '" data-language="' + data.desired_languages + '" data-sonarrEpisodeId=' + data.sonarrEpisodeId + '><i class="fas fa-user"></i></a>';
+                            } else {
+                                return ''
+                            }
+                        }
+                    },
+                    {
+                        data: null,
+                        render: function (data) {
+                            if (data.desired_languages !== '[]') {
+                                return '<a href="" class="upload_subtitle badge badge-secondary" data-episodePath="' + data.mapped_path + '" data-sceneName"' + data.scene_name + '" data-sonarrSeriesId="' + seriesDetails['sonarrSeriesId'] + '" data-sonarrEpisodeId="' + data.sonarrEpisodeId + '" data-season="' + data.season + '" data-episode="' + data.episode + '" data-episode_title="' + data.title + '"><i class="fas fa-cloud-upload-alt"></i></a>';
+                            } else {
+                                return ''
+                            }
+                        }
+                    }
+                ]
+            });
+
+            $('#episodes').on('click', '.remove_subtitles', function (e) {
+                $(this).tooltip('dispose');
+                e.preventDefault();
+                const values = {
+                    episodePath: $(this).attr("data-episodePath"),
+                    language: $(this).attr("data-language"),
+                    subtitlesPath: $(this).attr("data-subtitlesPath"),
+                    sonarrSeriesId: seriesDetails['sonarrSeriesId'],
+                    sonarrEpisodeId: $(this).attr("data-sonarrEpisodeId"),
+                    tvdbid: seriesDetails['tvdbId']
+                };
+                var cell = $(this).parent();
+                $.ajax({
+                    url: "{{ url_for('api.episodessubtitlesdelete') }}",
+                    type: "DELETE",
+                    dataType: "json",
+                    data: values,
+                    beforeSend: function () {
+                        cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
+                    }
+                });
+            });
+
+            $('#episodes').on('click', '.get_subtitle', function (e) {
+                $(this).tooltip('dispose');
+                e.preventDefault();
+                const values = {
+                    episodePath: $(this).attr("data-episodepath"),
+                    sceneName: $(this).attr("data-scenename"),
+                    language: $(this).attr("data-language"),
+                    hi: $(this).attr("data-hi"),
+                    forced: $(this).attr("data-forced"),
+                    sonarrSeriesId: seriesDetails['sonarrSeriesId'],
+                    sonarrEpisodeId: $(this).attr('data-sonarrepisodeid'),
+                    title: seriesDetails['title']
+                };
+                var cell = $(this).parent();
+                $.ajax({
+                    url: "{{ url_for('api.episodessubtitlesdownload') }}",
+                    type: "POST",
+                    dataType: "json",
+                    data: values,
+                    beforeSend: function () {
+                        cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
+                    }
+                });
+            });
+
+            $('#episodes').on('click', '.manual_search', function (e) {
+                e.preventDefault();
+                $("#series_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episode_title"));
+                $("#episode_path_span").html($(this).attr("data-episodePath"));
+                $("#episode_scenename_span").html($(this).attr("data-sceneName"));
+
+                episodePath = $(this).attr("data-episodePath");
+                sceneName = $(this).attr("data-sceneName");
+                language = $(this).attr("data-language");
+                hi = seriesDetails['hearing_impaired'];
+                forced = seriesDetails['forced'];
+                sonarrSeriesId = seriesDetails['sonarrSeriesId'];
+                sonarrEpisodeId = $(this).attr("data-sonarrEpisodeId");
+                var languages = Array.from(seriesDetails['languages']);
+                var is_pb = languages.includes('pb');
+                var is_pt = languages.includes('pt');
+
+                const values = {
+                    episodePath: episodePath,
+                    sceneName: sceneName,
+                    language: language,
+                    hi: hi,
+                    forced: forced,
+                    sonarrSeriesId: sonarrSeriesId,
+                    sonarrEpisodeId: sonarrEpisodeId,
+                    title: seriesDetails['title']
+                };
+
+                $('#search_result').DataTable({
+                    destroy: true,
+                    language: {
+                        zeroRecords: 'No Subtitles Found For This Episode',
+                        processing: "Searching (possibly solving captcha)..."
+                    },
+                    paging: true,
+                    lengthChange: false,
+                    pageLength: 5,
+                    searching: false,
+                    ordering: false,
+                    processing: true,
+                    serverSide: false,
+                    ajax: {
+                        url: '{{ url_for('api.episodessubtitlesmanualsearch') }}',
+                        type: 'POST',
+                        data: values
+                    },
+                    columns: [
+                        {
+                            data: 'score',
+                            render: function (data) {
+                                return data + '%';
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+                                if (data.language === "pt" && is_pb === true && is_pt === false) {
+                                    return 'pb'
+                                } else {
+                                    return data.language
+                                }
+                            }
+                        },
+                        {data: 'hearing_impaired'},
+                        {
+                            data: null,
+                            render: function (data) {
+                                return '<a href="' + data.url + '" target="_blank">' + data.provider + '</a>';
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+                                const array_matches = data.matches;
+                                const array_dont_matches = data.dont_matches;
+                                let i;
+                                let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-check-circle" style="color: green;"></i> ' + array_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+                                for (i = 0; i < array_matches.length; i++) {
+                                    text += '<a class="dropdown-item disabled" href="#">' + array_matches[i] + '</a>';
+                                }
+                                text += '</div>';
+                                text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-times-circle" style="color: red;"></i> ' + array_dont_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+                                for (i = 0; i < array_dont_matches.length; i++) {
+                                    text += '<a class="dropdown-item disabled" href="#">' + array_dont_matches[i] + '</a>';
+                                }
+                                text += '</div></div></div>';
+                                return text;
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+                                const array_release_info = data.release_info;
+                                let i;
+                                let text = '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="\tfas fa-comment-dots"></i> ' + array_release_info.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+                                for (i = 0; i < array_release_info.length; i++) {
+                                    text += '<a class="dropdown-item" href="#">' + array_release_info[i] + '</a>';
+                                }
+                                text += '</div></div>';
+                                return text;
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+                                return '<a href="" class="manual_download badge badge-secondary" data-episodePath="' + episodePath + '" data-sceneName="' + sceneName + '" data-sonarrEpisodeId=' + sonarrEpisodeId + ' data-subtitle="' + data.subtitle + '" data-provider="' + data.provider + '" data-language="' + data.language + '" data-forced="' + forced + '"><i class="fas fa-download" style="margin-right:0px" ></i></a>';
+                            }
+                        }
+                    ]
+                });
+
+                $('#manualSearchModal')
+                    .modal({
+                        focus: false
+                    });
+            });
+
+            $('#search_result').on('click', '.manual_download', function (e) {
+                e.preventDefault();
+                const values = {
+                    episodePath: $(this).attr("data-episodepath"),
+                    sceneName: $(this).attr("data-scenename"),
+                    language: $(this).attr("data-language"),
+                    hi: seriesDetails['hearing_impaired'],
+                    forced: $(this).attr("data-forced"),
+                    provider: $(this).attr("data-provider"),
+                    subtitle: $(this).attr("data-subtitle"),
+                    sonarrSeriesId: seriesDetails['sonarrSeriesId'],
+                    sonarrEpisodeId: $(this).attr('data-sonarrepisodeid'),
+                    title: seriesDetails['title']
+                };
+                var cell = $(this).parent()
+                ;
+                $.ajax({
+                    url: "{{ url_for('api.episodessubtitlesmanualdownload') }}",
+                    type: "POST",
+                    dataType: "json",
+                    data: values,
+                    beforeSend: function () {
+                        cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
+                    },
+                    complete: function (data) {
+                        $('#manualSearchModal').modal('hide');
+                    }
+                });
+            });
+
+            $('#episodes').on('click', '.upload_subtitle', function (e) {
+                e.preventDefault();
+                $("#upload_series_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episode_title"));
+                $('#upload_episodePath').val($(this).data("episodepath"));
+                $('#upload_sceneName').val($(this).data("scenename"));
+                $('#upload_sonarrSeriesId').val($(this).data("sonarrseriesid"));
+                $('#upload_sonarrEpisodeId').val($(this).data("sonarrepisodeid"));
+                $('#upload_title').val($(this).data("episode_title"));
+
+                $('#manual_language_select').empty();
+                $.each(enabledLanguages, function (i, item) {
+                    $('#manual_language_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
+                });
+                $("#manual_language_select").selectpicker("refresh");
+
+                $('#uploadModal')
+                    .modal({
+                        focus: false
+                    });
+            });
+
+            $('#upload_form').on('submit', function (e) {
+                e.preventDefault();
+                var formdata = new FormData(document.getElementById("upload_form"));
+
+                $.ajax({
+                    url: "{{ url_for('api.episodessubtitlesupload') }}",
+                    data: formdata,
+                    processData: false,
+                    contentType: false,
+                    type: 'POST',
+                    success: function () {
+                        $('#uploadModal').modal('hide');
+                    }
+                });
+            });
+
+            $('#scan_button').on('click', function (e) {
+                e.preventDefault();
+                $.ajax({
+                    url: "{{ url_for('api.episodesscandisk', seriesid=id) }}",
+                    type: 'GET',
+                    beforeSend: function () {
+                        $('#scan_button').find("i").addClass('fa-spin');
+                    },
+                    complete: function () {
+                        $('#scan_button').find("i").removeClass('fa-spin');
+                    }
+                });
+            });
+
+            $('#search_button').on('click', function (e) {
+                e.preventDefault();
+                $.ajax({
+                    url: "{{ url_for('api.episodessearchmissing', seriesid=id) }}",
+                    type: 'GET',
+                    beforeSend: function () {
+                        $('#search_button').find("i").addClass('fa-spin');
+                    },
+                    complete: function () {
+                        $('#search_button').find("i").removeClass('fa-spin');
+                    }
+                });
+            });
+
+            $('#edit_button').on('click', function (e) {
+                e.preventDefault();
+                $("#edit_series_title_span").html(seriesDetails['title']);
+                $("#edit_audio_language_span").text(seriesDetails['audio_language']['name']);
+                $('#edit_sonarrSeriesId').val(seriesDetails['sonarrSeriesId']);
+
+
+                $('#edit_languages_select').empty();
+                if ('{{settings.general.single_language}}' === 'True') {
+                    $('#edit_languages_select').selectpicker({maxOptions: 1});
+                    $('#edit_languages_select').append('<option value="None">None</option>');
+                }
+                $.each(enabledLanguages, function (i, item) {
+                    $('#edit_languages_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
+                });
+                $("#edit_languages_select").selectpicker("refresh");
+                var selected_languages = Array();
+                $.each(Array.from(seriesDetails['languages']), function (i, item) {
+                    selected_languages.push(item.code2);
+                });
+                $('#edit_languages_select').selectpicker('val', selected_languages);
+                $('#hi_checkbox').prop('checked', (seriesDetails['hearing_impaired'] === 'True'));
+                $('#edit_forced_select').val(seriesDetails['forced']).change();
+
+                $('#editModal')
+                    .modal({
+                        focus: false
+                    });
+            });
+
+            $('#edit_form').on('submit', function (e) {
+                e.preventDefault();
+                var formdata = new FormData(document.getElementById("edit_form"));
+
+                $.ajax({
+                    url: "{{ url_for('api.series') }}?seriesid={{id}}",
+                    data: formdata,
+                    processData: false,
+                    contentType: false,
+                    type: 'POST',
+                    success: function () {
+                        seriesDetailsRefresh();
+                        $('#editModal').modal('hide');
+                    }
+                });
+            });
+
+            $('#uploadModal').on('hidden.bs.modal', function () {
+                $(this).find('form')[0].reset();
+            });
+
+            events.on('event', function (event) {
+                var event_json = JSON.parse(event);
+                if (event_json.series === {{id}}) {
+                    if (event_json.type === 'series' && event_json.action === 'update' && event_json.episode == null) {
+                        seriesDetailsRefresh();
+                    }
+
+                    if (event_json.type === 'episode' && event_json.action === 'insert') {
+                        $.ajax({
+                            url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
+                            success: function (data) {
+                                if (data.data.length) {
+                                    $('#episodes').DataTable().rows.add(data.data);
+                                    $('#episodes').DataTable().columns.adjust().draw(false);
+                                    $('[data-toggle="tooltip"]').tooltip({html: true});
+                                }
+                            }
+                        })
+                    } else if (event_json.type === 'episode' && event_json.action === 'update') {
+                        var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
+                        if (rowId.length) {
+                            $.ajax({
+                                url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
+                                success: function (data) {
+                                    if (data.data.length) {
+                                        $('#episodes').DataTable().row(rowId).data(data.data[0]).draw('page');
+                                        $('[data-toggle="tooltip"]').tooltip({html: true});
+                                    }
+                                }
+                            })
+                        }
+                    } else if (event_json.type === 'episode' && event_json.action === 'delete') {
+                        var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
+                        if (rowId.length) {
+                            $('#episodes').DataTable().row(rowId).remove();
+                            $('#episodes').DataTable().columns.adjust().draw(false);
+                            $('[data-toggle="tooltip"]').tooltip({html: true});
+                        }
+                    }
+                }
+            });
+
+            $('#episodes').on('click', '.episode_history', function (e) {
+                $(this).tooltip('dispose');
+                e.preventDefault();
+
+                $("#episode_history_title_span").html(seriesDetails['title'] + ' - ' + $(this).data("season") + 'x' + $(this).data("episode") + ' - ' + $(this).data("episodetitle"));
+
+                sonarrEpisodeId = $(this).data("sonarrepisodeid");
+
+                $('#episode_history_result').DataTable({
+                    destroy: true,
+                    language: {
+                        zeroRecords: 'No History Records Found For This Episode'
+                    },
+                    paging: true,
+                    lengthChange: false,
+                    pageLength: 5,
+                    searching: true,
+                    ordering: false,
+                    processing: false,
+                    serverSide: false,
+                    ajax: {
+                        url: '{{ url_for( 'api.episodeshistory' )}}?episodeid=' + sonarrEpisodeId
+                    },
+                    columns: [
+                        {
+                            data: 'action',
+                            "render": function (data) {
+                                if (data === 0) {
+                                    return "<i class='fas fa-trash' title='Subtitle file has been erased.' data-toggle='tooltip' data-placement='right'></i>";
+                                } else if (data === 1) {
+                                    return "<i class='fas fa-download' title='Subtitle file has been downloaded.' data-toggle='tooltip' data-placement='right'></i>";
+                                } else if (data === 2) {
+                                    return "<i class='fas fa-user' title='Subtitle file has been manually downloaded.' data-toggle='tooltip' data-placement='right'></i>";
+                                } else if (data === 3) {
+                                    return "<i class='fas fa-recycle' title='Subtitle file has been upgraded.' data-toggle='tooltip' data-placement='right'></i>";
+                                } else if (data === 4) {
+                                    return "<i class='fas fa-cloud-upload-alt' title='Subtitle file has been manually uploaded.' data-toggle='tooltip' data-placement='right'></i>";
+                                }
+                            }
+                        },
+                        {data: 'language'},
+                        {data: 'provider'},
+                        {data: 'score'},
+                        {data: 'timestamp'}
+                    ]
+                });
+
+                $('#episodeHistoryModal')
+                    .modal({
+                        focus: false
+                    });
+            });
+        });
+
+        function seriesDetailsRefresh() {
+            $.ajax({
+                url: "{{ url_for('api.series') }}?seriesid={{id}}"
+            }).done(function (data) {
+                seriesDetails = data.data[0];
+                $(document).prop('title', seriesDetails['title'] + ' - Bazarr');
+                $('#seriesFanart').css('background-image', "url('{{ url_for('image_proxy', url='MediaCover/'+id+'/fanart.jpg') }}')");
+                $('#seriesPoster').attr("src", "{{ url_for('image_proxy', url='MediaCover/'+id+'/poster-250.jpg') }}");
+                $('#seriesTitle').text(seriesDetails['title']);
+
+                if (seriesDetails['alternateTitles'].length > 0) {
+                    $('#seriesAlternateTitles').attr("data-original-title", "<b>Alternative Titles:</b><br>" + seriesDetails['alternateTitles']);
+                } else {
+                    $('#seriesAlternateTitles').hide();
+                }
+
+                $('#seriesAudioLanguage').text(seriesDetails['audio_language'].name);
+                $('#seriesMappedPath').text(seriesDetails['mapped_path']);
+                $('#seriesMappedPath').attr("data-original-title", seriesDetails['mapped_path']);
+                $('#seriesFileCount').text(seriesDetails['episodeFileCount'] + ' files');
+
+                var languages = '';
+                if (seriesDetails['languages'] !== 'None') {
+                    seriesDetails['languages'].forEach(appendFunc);
+                }
+
+                function appendFunc(value) {
+                    languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + '">' + value.code2 + '</span> ';
+                }
+
+                $('#seriesSubtitlesLanguages').html(languages);
+                $('#seriesHearingImpaired').text('Hearing-Impaired: ' + seriesDetails['hearing_impaired']);
+                $('#seriesForced').text('Forced: ' + seriesDetails['forced']);
+                $('#seriesDescription').text(seriesDetails['overview']);
+
+                if (seriesDetails['desired_languages'] == '[]') {
+                    $('#search_button').hide();
+                } else {
+                    $('#search_button').show();
+                }
+
+                $('[data-toggle="tooltip"]').tooltip({html: true});
+            });
+        }
+
+        function getLanguages() {
+            $.ajax({
+                url: "{{ url_for('api.languages') }}?enabled=false",
+                success: function (data) {
+                    availableLanguages = data;
+                }
+            });
+        }
+
+        function getEnabledLanguages() {
+            $.ajax({
+                url: "{{ url_for('api.languages') }}?enabled=true",
+                success: function (data) {
+                    enabledLanguages = data;
+                }
+            });
+        }
+    </script>
 {% endblock tail %}
diff --git a/views/historymovies.html b/views/historymovies.html
index c92f9b1f0..177ea78f7 100644
--- a/views/historymovies.html
+++ b/views/historymovies.html
@@ -27,21 +27,22 @@
     <script>
         $(document).ready(function () {
             var table = $('#history_movies').DataTable({
-                "processing": false,
-                "serverSide": true,
+                processing: false,
+                serverSide: true,
                 language: {
                     zeroRecords: 'Nothing Found In Movies History',
                     processing: "Loading Movies History..."
                 },
-                "searching": false,
-                "ordering": false,
-                "responsive": true,
-                "lengthChange": false,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.historymovies') }}",
-                "columns": [
-                    {"data": "action",
-						"render": function(data) {
+                searching: false,
+                ordering: false,
+                responsive: true,
+                lengthChange: false,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.historymovies') }}",
+                columns: [
+                    {
+                        "data": "action",
+                        "render": function (data) {
                             if (data === 0) {
                                 return "<i class='fas fa-trash' title='Subtitle file has been erased.' data-toggle='tooltip' data-placement='right'></i>";
                             } else if (data === 1) {
@@ -55,14 +56,16 @@
                             }
                         }
                     },
-                    {"data": null,
-                        "render": function (data) {
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'movie', no='tempvalue' ) }}".replace("tempvalue", data.radarrId) + '">' + data.title + '</a>';
                         }
                     },
-                    {"data": "timestamp"},
-                    {"data": null,
-                        "render": function (data) {
+                    {data: "timestamp"},
+                    {
+                        data: null,
+                        render: function (data) {
                             if (data.upgradable) {
                                 return "<i class='fas fa-recycle' title='This Subtitles File Is Eligible For An Upgrade.' style='color: green;' data-toggle='tooltip' data-placement='right'></i> " + data.description;
                             } else {
@@ -73,13 +76,13 @@
                 ]
             });
 
-            events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'movieHistory') {
-                    $('#history_movies').DataTable().ajax.reload(resetPaging=false);
+                    $('#history_movies').DataTable().ajax.reload(resetPaging = false);
                     $('[data-toggle="tooltip"]').tooltip({html: true});
                 }
             });
-		});
+        });
     </script>
 {% endblock tail %}
diff --git a/views/historyseries.html b/views/historyseries.html
index caab4af90..2a3022e8c 100644
--- a/views/historyseries.html
+++ b/views/historyseries.html
@@ -13,14 +13,14 @@
 {% block body %}
     <table id="history_series" class="table table-striped" style="width:100%">
         <thead>
-            <tr>
-                <th>Action</th>
-                <th>Name</th>
-                <th>Episode</th>
-                <th>Episode Title</th>
-                <th>Date</th>
-                <th>Description</th>
-            </tr>
+        <tr>
+            <th>Action</th>
+            <th>Name</th>
+            <th>Episode</th>
+            <th>Episode Title</th>
+            <th>Date</th>
+            <th>Description</th>
+        </tr>
         </thead>
     </table>
 {% endblock body %}
@@ -29,21 +29,22 @@
     <script>
         $(document).ready(function () {
             var table = $('#history_series').DataTable({
-                "processing": true,
-                "serverSide": true,
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'Nothing Found In Series History',
                     processing: "Loading Series History..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": false,
-                "responsive": true,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.historyseries') }}",
-                "columns": [
-                    {"data": "action",
-						"render": function(data) {
+                searching: false,
+                ordering: false,
+                lengthChange: false,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.historyseries') }}",
+                columns: [
+                    {
+                        data: "action",
+                        render: function (data) {
                             if (data === 0) {
                                 return "<i class='fas fa-trash' title='Subtitle file has been erased.' data-toggle='tooltip' data-placement='right'></i>";
                             } else if (data === 1) {
@@ -57,16 +58,18 @@
                             }
                         }
                     },
-                    {"data": null,
-                        "render": function (data) {
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'episodes', no='tempvalue' ) }}".replace("tempvalue", data.sonarrSeriesId) + '">' + data.seriesTitle + '</a>';
                         }
                     },
-                    {"data": "episode_number"},
-                    {"data": "episodeTitle"},
-                    {"data": "timestamp"},
-                    {"data": null,
-                        "render": function (data) {
+                    {data: "episode_number"},
+                    {data: "episodeTitle"},
+                    {data: "timestamp"},
+                    {
+                        data: null,
+                        render: function (data) {
                             if (data.upgradable) {
                                 return "<i class='fas fa-recycle' title='This Subtitles File Is Eligible For An Upgrade.' style='color: green;' data-toggle='tooltip' data-placement='right'></i> " + data.description;
                             } else {
@@ -77,13 +80,13 @@
                 ]
             });
 
-            events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'episodeHistory') {
-                    $('#history_series').DataTable().ajax.reload(resetPaging=false);
+                    $('#history_series').DataTable().ajax.reload(resetPaging = false);
                     $('[data-toggle="tooltip"]').tooltip({html: true});
                 }
             });
-		});
+        });
     </script>
 {% endblock tail %}
diff --git a/views/movie.html b/views/movie.html
index 0bde6f90e..1e6bb034a 100644
--- a/views/movie.html
+++ b/views/movie.html
@@ -10,7 +10,7 @@
 		background-position: top center;
 		box-sizing: initial;
 		margin-left: -32px;
-		margin-top: -30px;
+		margin-top: -5px;
 		padding: 2em;
 	}
 
diff --git a/views/movies.html b/views/movies.html
index c984da050..5bd6b2137 100644
--- a/views/movies.html
+++ b/views/movies.html
@@ -4,7 +4,8 @@
 
 {% block bcleft %}
     <div class="">
-        <button class="btn btn-outline" id="mass_edit"  onclick="window.location.href = '{{ url_for('movieseditor') }}';">
+        <button class="btn btn-outline" id="mass_edit"
+                onclick="window.location.href = '{{ url_for('movieseditor') }}';">
             <div><i class="fas fa-list align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
             <div class="align-bottom text-themecolor small text-center">Mass Edit</div>
         </button>
@@ -56,7 +57,8 @@
                                     Subtitles Language(s)
                                 </div>
                                 <div class="form-group col-sm-8 pl-sm-0">
-                                    <select class="selectpicker" id="edit_languages_select" name="languages" multiple data-live-search="true"></select>
+                                    <select class="selectpicker" id="edit_languages_select" name="languages" multiple
+                                            data-live-search="true"></select>
                                 </div>
                             </div>
                             <div class="row">
@@ -84,7 +86,7 @@
                             </div>
                         </div>
 
-                        <input type="hidden" id="edit_radarrId" name="radarrId" value="" />
+                        <input type="hidden" id="edit_radarrId" name="radarrId" value=""/>
                     </div>
                     <div class="modal-footer">
                         <button type="submit" id="edit_save_button" class="btn btn-info">Save</button>
@@ -100,9 +102,9 @@
     <script>
         $(document).ready(function () {
             getLanguages();
-		    getEnabledLanguages();
+            getEnabledLanguages();
 
-		    events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'movie' && event_json.action === 'insert') {
                     $.ajax({
@@ -139,21 +141,21 @@
             });
 
             var table = $('#movies').DataTable({
-                "dom":
+                dom:
                     "<'row'<'col-sm-12'tr>>" +
                     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
-                "processing": false,
-                "serverSide": true,
-                "searching": false,
-                "ordering": false,
-                "lengthChange": true,
-                "responsive": true,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.movies') }}",
-                "columns": [
+                processing: false,
+                serverSide: true,
+                searching: false,
+                ordering: false,
+                lengthChange: true,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.movies') }}",
+                columns: [
                     {
-                        "data": "monitored",
-                        "render": function (data, type, row) {
+                        data: "monitored",
+                        render: function (data, type, row) {
                             if (data === 'False') {
                                 return '<i class="far fa-bookmark" data-toggle="tooltip" data-placement="right" title="Movie unmonitored in Radarr"></i>';
                             } else if (data === 'True') {
@@ -162,8 +164,8 @@
                         }
                     },
                     {
-                        "data": null,
-                        "render": function (data) {
+                        data: null,
+                        render: function (data) {
                             if (data.sceneName) {
                                 return '<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="right" title="' + data.sceneName + '"></i> ' + '<a href="' + "{{ url_for( 'movie', no='tempvalue' ) }}".replace("tempvalue", data.radarrId) + '">' + data.title + '</a>';
                             } else {
@@ -172,9 +174,9 @@
                         }
                     },
                     {
-                        "data": null,
-                        "className": "dt-center",
-                        "render": function (data) {
+                        data: null,
+                        className: "dt-center",
+                        render: function (data) {
                             if (data.exist === false) {
                                 return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: ' + data.mapped_path + '"></i>';
                             } else if (data.exist === true) {
@@ -182,10 +184,10 @@
                             }
                         }
                     },
-                    {"data": "audio_language.name"},
+                    {data: "audio_language.name"},
                     {
-                        "data": "languages",
-                        "render": function (data) {
+                        data: "languages",
+                        render: function (data) {
                             if (data !== 'None') {
                                 var languages = '';
                                 data.forEach(appendFunc);
@@ -200,75 +202,75 @@
                         }
                     },
                     {
-                        "data": "hearing_impaired",
-                        "className": "dt-center"
+                        data: "hearing_impaired",
+                        className: "dt-center"
                     },
                     {
-                        "data": "forced",
-                        "className": "dt-center"
+                        data: "forced",
+                        className: "dt-center"
                     },
                     {
-                        "data": null,
-                        "render": function (data) {
-                            return '<a href="" class="edit_button badge badge-secondary" data-radarrId='+data.radarrId+' data-audiolanguage="'+data.audio_language.name+'" data-title="'+data.title+'" data-languages='+JSON.stringify(data.languages)+' data-hi="'+data.hearing_impaired+'" data-forced="'+data.forced+'"><i class="fas fa-wrench"></i></a>';
+                        data: null,
+                        render: function (data) {
+                            return '<a href="" class="edit_button badge badge-secondary" data-radarrId=' + data.radarrId + ' data-audiolanguage="' + data.audio_language.name + '" data-title="' + data.title + '" data-languages=' + JSON.stringify(data.languages) + ' data-hi="' + data.hearing_impaired + '" data-forced="' + data.forced + '"><i class="fas fa-wrench"></i></a>';
                         }
                     }
                 ]
             });
         });
 
-        $('#movies').on('click', '.edit_button', function(e){
-			e.preventDefault();
-			$("#edit_movies_title_span").html($(this).data('title'));
-			$("#edit_audio_language_span").html($(this).data('audiolanguage'));
-			$('#edit_radarrId').val($(this).data('radarrid'));
+        $('#movies').on('click', '.edit_button', function (e) {
+            e.preventDefault();
+            $("#edit_movies_title_span").html($(this).data('title'));
+            $("#edit_audio_language_span").html($(this).data('audiolanguage'));
+            $('#edit_radarrId').val($(this).data('radarrid'));
 
 
-			$('#edit_languages_select').empty();
-			if ('{{settings.general.single_language}}' === 'True') {
-				$('#edit_languages_select').selectpicker({maxOptions: 1});
-			}
-			if ('{{settings.general.single_language}}' === 'True') {
+            $('#edit_languages_select').empty();
+            if ('{{settings.general.single_language}}' === 'True') {
+                $('#edit_languages_select').selectpicker({maxOptions: 1});
+            }
+            if ('{{settings.general.single_language}}' === 'True') {
                 $('#edit_languages_select').append('<option value="None">None</option>');
             }
             $.each(enabledLanguages, function (i, item) {
-				$('#edit_languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
-			});
-			$("#edit_languages_select").selectpicker("refresh");
-			var selected_languages = Array();
-			$.each(Array.from($(this).data('languages')), function (i, item) {
-				selected_languages.push(item.code2);
-			});
-			$('#edit_languages_select').selectpicker('val', selected_languages);
-			$('#hi_checkbox').prop('checked', ($(this).data('hi') === 'True'));
-			$('#edit_forced_select').val($(this).data('forced')).change();
+                $('#edit_languages_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
+            });
+            $("#edit_languages_select").selectpicker("refresh");
+            var selected_languages = Array();
+            $.each(Array.from($(this).data('languages')), function (i, item) {
+                selected_languages.push(item.code2);
+            });
+            $('#edit_languages_select').selectpicker('val', selected_languages);
+            $('#hi_checkbox').prop('checked', ($(this).data('hi') === 'True'));
+            $('#edit_forced_select').val($(this).data('forced')).change();
 
-			$('#editModal')
-					.modal({
-						focus: false
-					});
-		});
+            $('#editModal')
+                .modal({
+                    focus: false
+                });
+        });
 
-        $('#edit_form').on('submit', function(e){
-			e.preventDefault();
-			var formdata = new FormData(document.getElementById("edit_form"));
+        $('#edit_form').on('submit', function (e) {
+            e.preventDefault();
+            var formdata = new FormData(document.getElementById("edit_form"));
 
-			$.ajax({
-				url: "{{ url_for('api.movies') }}?radarrid=" + $('#edit_radarrId').val(),
-				data: formdata,
-				processData: false,
-				contentType: false,
-				type: 'POST',
-				success: function(){
-					$('#editModal').modal('hide');
-				}
-			});
-		});
+            $.ajax({
+                url: "{{ url_for('api.movies') }}?radarrid=" + $('#edit_radarrId').val(),
+                data: formdata,
+                processData: false,
+                contentType: false,
+                type: 'POST',
+                success: function () {
+                    $('#editModal').modal('hide');
+                }
+            });
+        });
 
         function getLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=false",
-                success:function(data) {
+                success: function (data) {
                     availableLanguages = data;
                 }
             });
@@ -277,7 +279,7 @@
         function getEnabledLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=true",
-                success:function(data) {
+                success: function (data) {
                     enabledLanguages = data;
                 }
             });
diff --git a/views/movieseditor.html b/views/movieseditor.html
index 46f1fe201..2aca77b2c 100644
--- a/views/movieseditor.html
+++ b/views/movieseditor.html
@@ -63,7 +63,7 @@
 
             getEnabledLanguages();
 
-		    events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'movie' && event_json.action === 'insert') {
                     $.ajax({
@@ -106,38 +106,39 @@
             $('#save_button').css('cursor', 'not-allowed');
 
             var table = $('#movies').DataTable({
-                "processing": true,
-                "serverSide": true,
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'No Movies Found',
                     processing: "Loading Movies..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": true,
-                "responsive": true,
-                "paging": false,
-                "ajax": "{{ url_for('api.movies') }}",
-                "columnDefs": [ {
-                    "orderable": false,
-                    "className": 'select-checkbox',
-                    "targets":   0
-                } ],
-                "select": {
-                    "style":    'multi',
-                    "selector": 'td:first-child'
+                searching: false,
+                ordering: false,
+                lengthChange: true,
+                responsive: true,
+                paging: false,
+                ajax: "{{ url_for('api.movies') }}",
+                columnDefs: [{
+                    orderable: false,
+                    className: 'select-checkbox',
+                    targets: 0
+                }],
+                select: {
+                    style: 'multi',
+                    selector: 'td:first-child'
                 },
-                "columns": [
-                    {"defaultContent": ""},
-                    {"data": null,
-                        "render": function (data) {
+                columns: [
+                    {defaultContent: ""},
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'movie', no='tempvalue' ) }}".replace("tempvalue", data.radarrId) + '">' + data.title + '</a>'
                         }
                     },
-                    {"data": "audio_language.name"},
+                    {data: "audio_language.name"},
                     {
-                        "data": "languages",
-                        "render": function (data) {
+                        data: "languages",
+                        render: function (data) {
                             if (data !== 'None') {
                                 var languages = '';
                                 data.forEach(appendFunc);
@@ -152,42 +153,53 @@
                         }
                     },
                     {
-                        "data": "hearing_impaired",
-                        "className": "dt-center"
+                        data: "hearing_impaired",
+                        className: "dt-center"
                     },
                     {
-                        "data": "forced",
-                        "className": "dt-center"
+                        data: "forced",
+                        className: "dt-center"
                     }
                 ]
             });
 
-            new $.fn.dataTable.Buttons( table, {
-                "buttons": [
-                    'selectAll',
-                    'selectNone'
-                ]
-            } );
+            new $.fn.dataTable.Buttons(table, {
+                buttons: [
+                    {
+                        extend: 'selectAll',
+                        text: '<div><i class="far fa-check-square align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>\n' +
+                            '            <div class="align-bottom text-themecolor small text-center">Select ALL</div>'
+                    },
+                    {
+                        extend: 'selectNone',
+                        text: '<div><i class="far fa-square align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>\n' +
+                            '            <div class="align-bottom text-themecolor small text-center nowrap">Deselect ALL</div>'
+                    }]
+            });
 
             table.buttons().container().appendTo('#buttons');
 
-            table.on( 'select', function () {
+            var btns = $('.dt-button');
+            btns.addClass('btn btn-outline');
+            btns.removeClass('dt-button');
+
+            table.on('select', function () {
                 $('.selectpicker').prop('disabled', false);
                 $('.selectpicker').selectpicker('refresh');
                 $('#save_button').prop('disabled', false);
                 $('#save_button').removeClass('disabled');
                 $('#save_button').css('cursor', 'auto');
-            } );
+            });
 
-            table.on( 'deselect', function () {
-                if (table.rows( '.selected' ).count() === 0) {
+            table.on('deselect', function () {
+                if (table.rows('.selected').count() === 0) {
                     $('.selectpicker').prop('disabled', true);
                     $('.selectpicker').selectpicker('refresh');
                     $('#save_button').prop('disabled', true);
                     $('#save_button').addClass('disabled');
                     $('#save_button').css('cursor', 'not-allowed');
                 }
-            } );
+            });
 
             if ('{{settings.general.single_language}}' === 'True') {
                 $('#languages_select').selectpicker({maxOptions: 1});
@@ -195,10 +207,10 @@
             $('#hi_select').selectpicker({maxOptions: 1});
             $('#forced_select').selectpicker({maxOptions: 1});
 
-            $('#save_button').on('click', function(e){
+            $('#save_button').on('click', function (e) {
                 e.preventDefault();
                 const values = {
-                    radarrid: table.rows( { selected: true } ).ids().toArray(),
+                    radarrid: table.rows({selected: true}).ids().toArray(),
                     languages: $('#languages_select').val(),
                     hi: $('#hi_select').val(),
                     forced: $('#forced_select').val()
@@ -207,9 +219,9 @@
                 $.ajax({
                     url: "{{ url_for('api.movieseditsave') }}",
                     method: "POST",
-			        data: JSON.stringify(values),
+                    data: JSON.stringify(values),
                     contentType: 'application/json',
-                    success: function(){
+                    success: function () {
                         table.rows().deselect();
                         $('#languages_select').selectpicker('val', '');
                         $('#hi_select').selectpicker('val', '');
@@ -222,10 +234,10 @@
         function getEnabledLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=true",
-                success:function(data) {
+                success: function (data) {
                     $('#languages_select').append('<option value="None">None</option>');
                     $.each(data, function (i, item) {
-                        $('#languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
+                        $('#languages_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
                     });
                     $("#languages_select").selectpicker("refresh");
                 }
diff --git a/views/series.html b/views/series.html
index 04c26ff86..babcdd7fc 100644
--- a/views/series.html
+++ b/views/series.html
@@ -4,7 +4,8 @@
 
 {% block bcleft %}
     <div class="">
-        <button class="btn btn-outline" id="mass_edit"  onclick="window.location.href = '{{ url_for('serieseditor') }}';">
+        <button class="btn btn-outline" id="mass_edit"
+                onclick="window.location.href = '{{ url_for('serieseditor') }}';">
             <div><i class="fas fa-list align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
             <div class="align-bottom text-themecolor small text-center">Mass Edit</div>
         </button>
@@ -18,16 +19,16 @@
 {% block body %}
     <table id="series" class="table table-striped" style="width:100%">
         <thead>
-            <tr>
-                <th>Name</th>
-                <th>Path Exist</th>
-                <th>Audio Language</th>
-                <th>Subtitles Languages</th>
-                <th>Hearing-Impaired</th>
-                <th>Forced</th>
-                <th>Subtitles</th>
-                <th></th>
-            </tr>
+        <tr>
+            <th>Name</th>
+            <th>Path Exist</th>
+            <th>Audio Language</th>
+            <th>Subtitles Languages</th>
+            <th>Hearing-Impaired</th>
+            <th>Forced</th>
+            <th>Subtitles</th>
+            <th></th>
+        </tr>
         </thead>
     </table>
 
@@ -56,7 +57,8 @@
                                     Subtitles Language(s)
                                 </div>
                                 <div class="form-group col-sm-8 pl-sm-0">
-                                    <select class="selectpicker" id="edit_languages_select" name="languages" multiple data-live-search="true"></select>
+                                    <select class="selectpicker" id="edit_languages_select" name="languages" multiple
+                                            data-live-search="true"></select>
                                 </div>
                             </div>
                             <div class="row">
@@ -84,7 +86,7 @@
                             </div>
                         </div>
 
-                        <input type="hidden" id="edit_sonarrSeriesId" name="sonarrSeriesId" value="" />
+                        <input type="hidden" id="edit_sonarrSeriesId" name="sonarrSeriesId" value=""/>
                     </div>
                     <div class="modal-footer">
                         <button type="submit" id="edit_save_button" class="btn btn-info">Save</button>
@@ -101,9 +103,9 @@
     <script>
         $(document).ready(function () {
             getLanguages();
-		    getEnabledLanguages();
+            getEnabledLanguages();
 
-		    events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'series' && event_json.action === 'insert') {
                     $.ajax({
@@ -140,29 +142,33 @@
             });
 
             var table = $('#series').DataTable({
-                "processing": true,
-                "serverSide": true,
+                dom:
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'No Series Found',
                     processing: "Loading Series..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": false,
-                "responsive": true,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.series') }}",
-                "columns": [
-                    {"data": null,
-                        "render": function (data) {
+                searching: false,
+                ordering: false,
+                lengthChange: false,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.series') }}",
+                columns: [
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'episodes', no='tempvalue' ) }}".replace("tempvalue", data.sonarrSeriesId) + '">' + data.title + '</a>';
                         }
                     },
                     {
-                        "data": null,
-                        "className": "dt-center",
-                        "responsivePriority": 1,
-                        "render": function (data) {
+                        data: null,
+                        className: "dt-center",
+                        responsivePriority: 1,
+                        render: function (data) {
                             if (data.exist === false) {
                                 return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: ' + data.mapped_path + '"></i>';
                             } else if (data.exist === true) {
@@ -170,10 +176,10 @@
                             }
                         }
                     },
-                    {"data": "audio_language.name"},
+                    {data: "audio_language.name"},
                     {
-                        "data": "languages",
-                        "render": function (data) {
+                        data: "languages",
+                        render: function (data) {
                             if (data !== 'None') {
                                 var languages = '';
                                 data.forEach(appendFunc);
@@ -188,17 +194,17 @@
                         }
                     },
                     {
-                        "data": "hearing_impaired",
-                        "className": "dt-center"
+                        data: "hearing_impaired",
+                        className: "dt-center"
                     },
                     {
-                        "data": "forced",
-                        "className": "dt-center"
+                        data: "forced",
+                        className: "dt-center"
                     },
                     {
-                        "data": null,
-                        "responsivePriority": 2,
-                        "render": function (data) {
+                        data: null,
+                        responsivePriority: 2,
+                        render: function (data) {
                             var total = data.episodeFileCount;
                             var completed = data.episodeFileCount - data.episodeMissingCount;
                             var completed_style = '';
@@ -211,67 +217,67 @@
                         }
                     },
                     {
-                        "data": null,
-                        "render": function (data) {
-                            return '<a href="" class="edit_button badge badge-secondary" data-sonarrSeriesId='+data.sonarrSeriesId+' data-audiolanguage="'+data.audio_language.name+'" data-title="'+data.title+'" data-languages='+JSON.stringify(data.languages)+' data-hi="'+data.hearing_impaired+'" data-forced="'+data.forced+'"><i class="fas fa-wrench"></i></a>';
+                        data: null,
+                        render: function (data) {
+                            return '<a href="" class="edit_button badge badge-secondary" data-sonarrSeriesId=' + data.sonarrSeriesId + ' data-audiolanguage="' + data.audio_language.name + '" data-title="' + data.title + '" data-languages=' + JSON.stringify(data.languages) + ' data-hi="' + data.hearing_impaired + '" data-forced="' + data.forced + '"><i class="fas fa-wrench"></i></a>';
                         }
                     }
                 ]
             });
         });
 
-        $('#series').on('click', '.edit_button', function(e){
-			e.preventDefault();
-			$("#edit_series_title_span").html($(this).data('title'));
-			$("#edit_audio_language_span").html($(this).data('audiolanguage'));
-			$('#edit_sonarrSeriesId').val($(this).data('sonarrseriesid'));
+        $('#series').on('click', '.edit_button', function (e) {
+            e.preventDefault();
+            $("#edit_series_title_span").html($(this).data('title'));
+            $("#edit_audio_language_span").html($(this).data('audiolanguage'));
+            $('#edit_sonarrSeriesId').val($(this).data('sonarrseriesid'));
 
 
-			$('#edit_languages_select').empty();
-			if ('{{settings.general.single_language}}' === 'True') {
-				$('#edit_languages_select').selectpicker({maxOptions: 1});
-			}
-			if ('{{settings.general.single_language}}' === 'True') {
+            $('#edit_languages_select').empty();
+            if ('{{settings.general.single_language}}' === 'True') {
+                $('#edit_languages_select').selectpicker({maxOptions: 1});
+            }
+            if ('{{settings.general.single_language}}' === 'True') {
                 $('#edit_languages_select').append('<option value="None">None</option>');
             }
             $.each(enabledLanguages, function (i, item) {
-				$('#edit_languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
-			});
-			$("#edit_languages_select").selectpicker("refresh");
-			var selected_languages = Array();
-			$.each(Array.from($(this).data('languages')), function (i, item) {
-				selected_languages.push(item.code2);
-			});
-			$('#edit_languages_select').selectpicker('val', selected_languages);
-			$('#hi_checkbox').prop('checked', ($(this).data('hi') === 'True'));
-			$('#edit_forced_select').val($(this).data('forced')).change();
+                $('#edit_languages_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
+            });
+            $("#edit_languages_select").selectpicker("refresh");
+            var selected_languages = Array();
+            $.each(Array.from($(this).data('languages')), function (i, item) {
+                selected_languages.push(item.code2);
+            });
+            $('#edit_languages_select').selectpicker('val', selected_languages);
+            $('#hi_checkbox').prop('checked', ($(this).data('hi') === 'True'));
+            $('#edit_forced_select').val($(this).data('forced')).change();
 
-			$('#editModal')
-					.modal({
-						focus: false
-					});
-		});
+            $('#editModal')
+                .modal({
+                    focus: false
+                });
+        });
 
-        $('#edit_form').on('submit', function(e){
-			e.preventDefault();
-			var formdata = new FormData(document.getElementById("edit_form"));
+        $('#edit_form').on('submit', function (e) {
+            e.preventDefault();
+            var formdata = new FormData(document.getElementById("edit_form"));
 
-			$.ajax({
-				url: "{{ url_for('api.series') }}?seriesid=" + $('#edit_sonarrSeriesId').val(),
-				data: formdata,
-				processData: false,
-				contentType: false,
-				type: 'POST',
-				success: function(){
-					$('#editModal').modal('hide');
-				}
-			});
-		});
+            $.ajax({
+                url: "{{ url_for('api.series') }}?seriesid=" + $('#edit_sonarrSeriesId').val(),
+                data: formdata,
+                processData: false,
+                contentType: false,
+                type: 'POST',
+                success: function () {
+                    $('#editModal').modal('hide');
+                }
+            });
+        });
 
         function getLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=false",
-                success:function(data) {
+                success: function (data) {
                     availableLanguages = data;
                 }
             });
@@ -280,7 +286,7 @@
         function getEnabledLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=true",
-                success:function(data) {
+                success: function (data) {
                     enabledLanguages = data;
                 }
             });
diff --git a/views/serieseditor.html b/views/serieseditor.html
index ca1651dea..5f1dbbcb7 100644
--- a/views/serieseditor.html
+++ b/views/serieseditor.html
@@ -63,7 +63,7 @@
 
             getEnabledLanguages();
 
-		    events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'series' && event_json.action === 'insert') {
                     $.ajax({
@@ -106,38 +106,39 @@
             $('#save_button').css('cursor', 'not-allowed');
 
             var table = $('#series').DataTable({
-                "processing": true,
-                "serverSide": true,
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'No Series Found',
                     processing: "Loading Series..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": true,
-                "responsive": true,
-                "paging": false,
-                "ajax": "{{ url_for('api.series') }}",
-                "columnDefs": [ {
-                    "orderable": false,
-                    "className": 'select-checkbox',
-                    "targets":   0
-                } ],
-                "select": {
-                    "style":    'multi',
-                    "selector": 'td:first-child'
+                searching: false,
+                ordering: false,
+                lengthChange: true,
+                responsive: true,
+                paging: false,
+                ajax: "{{ url_for('api.series') }}",
+                columnDefs: [{
+                    orderable: false,
+                    className: 'select-checkbox',
+                    targets: 0
+                }],
+                select: {
+                    style: 'multi',
+                    selector: 'td:first-child'
                 },
-                "columns": [
-                    {"defaultContent": ""},
-                    {"data": null,
-                        "render": function (data) {
+                columns: [
+                    {defaultContent: ""},
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'episodes', no='tempvalue' ) }}".replace("tempvalue", data.sonarrSeriesId) + '">' + data.title + '</a>'
                         }
                     },
-                    {"data": "audio_language.name"},
+                    {data: "audio_language.name"},
                     {
-                        "data": "languages",
-                        "render": function (data) {
+                        data: "languages",
+                        render: function (data) {
                             if (data !== 'None') {
                                 var languages = '';
                                 data.forEach(appendFunc);
@@ -151,43 +152,48 @@
                             }
                         }
                     },
+                    {data: "hearing_impaired", className: "dt-center"},
+                    {data: "forced", className: "dt-center"}
+                ]
+            });
+
+            new $.fn.dataTable.Buttons(table, {
+                buttons: [
                     {
-                        "data": "hearing_impaired",
-                        "className": "dt-center"
+                        extend: 'selectAll',
+                        text: '<div><i class="far fa-check-square align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>\n' +
+                            '            <div class="align-bottom text-themecolor small text-center">Select ALL</div>'
                     },
                     {
-                        "data": "forced",
-                        "className": "dt-center"
-                    }
-                ]
+                        extend: 'selectNone',
+                        text: '<div><i class="far fa-square align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>\n' +
+                            '            <div class="align-bottom text-themecolor small text-center nowrap">Deselect ALL</div>'
+                    }]
             });
 
-            new $.fn.dataTable.Buttons( table, {
-                "buttons": [
-                    'selectAll',
-                    'selectNone'
-                ]
-            } );
-
             table.buttons().container().appendTo('#buttons');
 
-            table.on( 'select', function () {
+            var btns = $('.dt-button');
+            btns.addClass('btn btn-outline');
+            btns.removeClass('dt-button');
+
+            table.on('select', function () {
                 $('.selectpicker').prop('disabled', false);
                 $('.selectpicker').selectpicker('refresh');
                 $('#save_button').prop('disabled', false);
                 $('#save_button').removeClass('disabled');
                 $('#save_button').css('cursor', 'auto');
-            } );
+            });
 
-            table.on( 'deselect', function () {
-                if (table.rows( '.selected' ).count() === 0) {
+            table.on('deselect', function () {
+                if (table.rows('.selected').count() === 0) {
                     $('.selectpicker').prop('disabled', true);
                     $('.selectpicker').selectpicker('refresh');
                     $('#save_button').prop('disabled', true);
                     $('#save_button').addClass('disabled');
                     $('#save_button').css('cursor', 'not-allowed');
                 }
-            } );
+            });
 
             if ('{{settings.general.single_language}}' === 'True') {
                 $('#languages_select').selectpicker({maxOptions: 1});
@@ -195,10 +201,10 @@
             $('#hi_select').selectpicker({maxOptions: 1});
             $('#forced_select').selectpicker({maxOptions: 1});
 
-            $('#save_button').on('click', function(e){
+            $('#save_button').on('click', function (e) {
                 e.preventDefault();
                 const values = {
-                    seriesid: table.rows( { selected: true } ).ids().toArray(),
+                    seriesid: table.rows({selected: true}).ids().toArray(),
                     languages: $('#languages_select').val(),
                     hi: $('#hi_select').val(),
                     forced: $('#forced_select').val()
@@ -207,9 +213,9 @@
                 $.ajax({
                     url: "{{ url_for('api.serieseditsave') }}",
                     method: "POST",
-			        data: JSON.stringify(values),
+                    data: JSON.stringify(values),
                     contentType: 'application/json',
-                    success: function(){
+                    success: function () {
                         table.rows().deselect();
                         $('#languages_select').selectpicker('val', '');
                         $('#hi_select').selectpicker('val', '');
@@ -222,10 +228,10 @@
         function getEnabledLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=true",
-                success:function(data) {
+                success: function (data) {
                     $('#languages_select').append('<option value="None">None</option>');
                     $.each(data, function (i, item) {
-                        $('#languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
+                        $('#languages_select').append('<option value="' + item.code2 + '">' + item.name + '</option>');
                     });
                     $("#languages_select").selectpicker("refresh");
                 }
diff --git a/views/wantedmovies.html b/views/wantedmovies.html
index faa7743e9..a63dbbd66 100644
--- a/views/wantedmovies.html
+++ b/views/wantedmovies.html
@@ -4,9 +4,9 @@
 
 {% block bcleft %}
     <button class="btn btn-outline" id="search_button">
-		<div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
-		<div class="align-bottom text-themecolor small text-center">Search All</div>
-	</button>
+        <div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
+        <div class="align-bottom text-themecolor small text-center">Search All</div>
+    </button>
 {% endblock bcleft %}
 
 {% block bcright %}
@@ -16,10 +16,10 @@
 {% block body %}
     <table id="wanted_movies" class="table table-striped" style="width:100%">
         <thead>
-            <tr>
-                <th>Movies</th>
-                <th>Missing Subtitle(s)</th>
-            </tr>
+        <tr>
+            <th>Movies</th>
+            <th>Missing Subtitle(s)</th>
+        </tr>
         </thead>
     </table>
 {% endblock body %}
@@ -28,26 +28,28 @@
     <script>
         $(document).ready(function () {
             var table = $('#wanted_movies').DataTable({
-                "processing": true,
-                "serverSide": true,
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'No Missing Movies Subtitles',
                     processing: "Loading Missing Movies Subtitles..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": false,
-                "responsive": true,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.wantedmovies') }}",
-                "columns": [
-                    {"data": null,
-                        "render": function (data) {
+                searching: false,
+                ordering: false,
+                lengthChange: false,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.wantedmovies') }}",
+                columns: [
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'movie', no='tempvalue' ) }}".replace("tempvalue", data.radarrId) + '">' + data.title + '</a>';
                         }
                     },
-                    {"data": null,
-                        "render": function (data) {
+                    {
+                        data: null,
+                        render: function (data) {
                             if (data.missing_subtitles !== 'None') {
                                 var languages = '';
                                 data.missing_subtitles.forEach(appendFunc);
@@ -57,28 +59,28 @@
                             }
 
                             function appendFunc(value) {
-                                languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced':'') + '" data-moviepath="'+data.mapped_path+'" data-scenename="'+data.sceneName+'" data-movietitle="'+data.title+'" data-language="'+value.code3+'" data-hi="'+data.hearing_impaired+'" data-forced="'+value.forced+'" data-radarrid='+data.radarrId+'>' + value.code2 + ((value.forced) ? ':forced':'') + ' <i class="fas fa-search"></i></a> ';
+                                languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced' : '') + '" data-moviepath="' + data.mapped_path + '" data-scenename="' + data.sceneName + '" data-movietitle="' + data.title + '" data-language="' + value.code3 + '" data-hi="' + data.hearing_impaired + '" data-forced="' + value.forced + '" data-radarrid=' + data.radarrId + '>' + value.code2 + ((value.forced) ? ':forced' : '') + ' <i class="fas fa-search"></i></a> ';
                             }
                         }
                     }
                 ]
             });
 
-            $('#search_button').on('click', function(e){
+            $('#search_button').on('click', function (e) {
                 e.preventDefault();
                 $.ajax({
                     url: "{{ url_for('api.searchwantedmovies') }}",
                     type: 'GET',
-                    beforeSend: function() {
+                    beforeSend: function () {
                         $('#search_button').find("i").addClass('fa-spin');
                     },
-                    complete: function() {
+                    complete: function () {
                         $('#search_button').find("i").removeClass('fa-spin');
                     }
                 });
             });
 
-            $('#wanted_movies').on('click', '.get_subtitle', function(e){
+            $('#wanted_movies').on('click', '.get_subtitle', function (e) {
                 $(this).tooltip('dispose');
                 e.preventDefault();
                 const values = {
@@ -96,19 +98,19 @@
                     type: "POST",
                     dataType: "json",
                     data: values,
-                    beforeSend: function() {
+                    beforeSend: function () {
                         cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
                     }
                 });
             });
 
-            events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'movie') {
-                    $('#wanted_movies').DataTable().ajax.reload(resetPaging=false);
+                    $('#wanted_movies').DataTable().ajax.reload(resetPaging = false);
                     $('[data-toggle="tooltip"]').tooltip({html: true});
                 }
             });
-		});
+        });
     </script>
 {% endblock tail %}
diff --git a/views/wantedseries.html b/views/wantedseries.html
index cde5eff19..50e14daa0 100644
--- a/views/wantedseries.html
+++ b/views/wantedseries.html
@@ -4,9 +4,9 @@
 
 {% block bcleft %}
     <button class="btn btn-outline" id="search_button">
-		<div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
-		<div class="align-bottom text-themecolor small text-center">Search All</div>
-	</button>
+        <div><i class="fas fa-search align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
+        <div class="align-bottom text-themecolor small text-center">Search All</div>
+    </button>
 {% endblock bcleft %}
 
 {% block bcright %}
@@ -16,12 +16,12 @@
 {% block body %}
     <table id="wanted_series" class="table table-striped" style="width:100%">
         <thead>
-            <tr>
-                <th>Series</th>
-                <th>Episode</th>
-                <th>Episode Title</th>
-                <th>Missing Subtitle(s)</th>
-            </tr>
+        <tr>
+            <th>Series</th>
+            <th>Episode</th>
+            <th>Episode Title</th>
+            <th>Missing Subtitle(s)</th>
+        </tr>
         </thead>
     </table>
 {% endblock body %}
@@ -30,28 +30,30 @@
     <script>
         $(document).ready(function () {
             var table = $('#wanted_series').DataTable({
-                "processing": true,
-                "serverSide": true,
+                processing: true,
+                serverSide: true,
                 language: {
                     zeroRecords: 'No Missing Series Subtitles',
                     processing: "Loading Missing Series Subtitles..."
                 },
-                "searching": false,
-                "ordering": false,
-                "lengthChange": false,
-                "responsive": true,
-                "pageLength": {{ settings.general.page_size }},
-                "ajax": "{{ url_for('api.wantedseries') }}",
-                "columns": [
-                    {"data": null,
-                        "render": function (data) {
+                searching: false,
+                ordering: false,
+                lengthChange: false,
+                responsive: true,
+                pageLength: {{ settings.general.page_size }},
+                ajax: "{{ url_for('api.wantedseries') }}",
+                columns: [
+                    {
+                        data: null,
+                        render: function (data) {
                             return '<a href="' + "{{ url_for( 'episodes', no='tempvalue' ) }}".replace("tempvalue", data.sonarrSeriesId) + '">' + data.seriesTitle + '</a>';
                         }
                     },
-                    {"data": "episode_number"},
-                    {"data": "episodeTitle"},
-                    {"data": null,
-                        "render": function (data) {
+                    {data: "episode_number"},
+                    {data: "episodeTitle"},
+                    {
+                        data: null,
+                        render: function (data) {
                             if (data.missing_subtitles !== 'None') {
                                 var languages = '';
                                 data.missing_subtitles.forEach(appendFunc);
@@ -61,28 +63,28 @@
                             }
 
                             function appendFunc(value) {
-                                languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced':'') + '" data-episodepath="'+data.mapped_path+'" data-scenename="'+data.scene_name+'" data-seriestitle="'+data.seriesTitle+'" data-language="'+value.code3+'" data-hi="'+data.hearing_impaired+'" data-forced="'+value.forced+'" data-sonarrseriesid='+data.sonarrSeriesId+' data-sonarrepisodeid='+data.sonarrEpisodeId+'>' + value.code2 + ((value.forced) ? ':forced':'') + ' <i class="fas fa-search"></i></a> ';
+                                languages = languages + '<a href="" class="get_subtitle badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + ((value.forced) ? ' forced' : '') + '" data-episodepath="' + data.mapped_path + '" data-scenename="' + data.scene_name + '" data-seriestitle="' + data.seriesTitle + '" data-language="' + value.code3 + '" data-hi="' + data.hearing_impaired + '" data-forced="' + value.forced + '" data-sonarrseriesid=' + data.sonarrSeriesId + ' data-sonarrepisodeid=' + data.sonarrEpisodeId + '>' + value.code2 + ((value.forced) ? ':forced' : '') + ' <i class="fas fa-search"></i></a> ';
                             }
                         }
                     }
                 ]
             });
 
-            $('#search_button').on('click', function(e){
+            $('#search_button').on('click', function (e) {
                 e.preventDefault();
                 $.ajax({
                     url: "{{ url_for('api.searchwantedseries') }}",
                     type: 'GET',
-                    beforeSend: function() {
+                    beforeSend: function () {
                         $('#search_button').find("i").addClass('fa-spin');
                     },
-                    complete: function() {
+                    complete: function () {
                         $('#search_button').find("i").removeClass('fa-spin');
                     }
                 });
             });
 
-            $('#wanted_series').on('click', '.get_subtitle', function(e){
+            $('#wanted_series').on('click', '.get_subtitle', function (e) {
                 $(this).tooltip('dispose');
                 e.preventDefault();
                 const values = {
@@ -101,19 +103,19 @@
                     type: "POST",
                     dataType: "json",
                     data: values,
-                    beforeSend: function() {
+                    beforeSend: function () {
                         cell.html('<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>');
                     }
                 });
             });
 
-            events.on('event', function(event) {
+            events.on('event', function (event) {
                 var event_json = JSON.parse(event);
                 if (event_json.type === 'episode') {
-                    $('#wanted_series').DataTable().ajax.reload(resetPaging=false);
+                    $('#wanted_series').DataTable().ajax.reload(resetPaging = false);
                     $('[data-toggle="tooltip"]').tooltip({html: true});
                 }
             });
-		});
+        });
     </script>
 {% endblock tail %}