diff --git a/bazarr/api.py b/bazarr/api.py
index 9e3b519f2..f36a3cc7d 100644
--- a/bazarr/api.py
+++ b/bazarr/api.py
@@ -148,6 +148,25 @@ class Series(Resource):
         return '', 204
 
 
+class SeriesEditSave(Resource):
+    def post(self):
+        changed_series = request.json
+        for item in changed_series['seriesid']:
+            seriesid = item.lstrip('row_')
+            try:
+                database.execute("UPDATE table_shows SET languages=?, hearing_impaired=?, forced=? WHERE "
+                                 "sonarrSeriesId=?", (str(changed_series['languages']), changed_series['hi'][0],
+                                                      changed_series['forced'][0], seriesid))
+            except:
+                pass
+            else:
+                list_missing_subtitles(no=seriesid)
+
+                event_stream.write(type='series', action='update', series=seriesid)
+
+        return '', 204
+
+
 class Episodes(Resource):
     def get(self):
         start = request.args.get('start') or 0
@@ -711,6 +730,7 @@ class WantedMovies(Resource):
 api.add_resource(Badges, '/badges')
 api.add_resource(Languages, '/languages')
 api.add_resource(Series, '/series')
+api.add_resource(SeriesEditSave, '/series_edit_save')
 api.add_resource(Episodes, '/episodes')
 api.add_resource(EpisodesSubtitlesDelete, '/episodes_subtitles_delete')
 api.add_resource(EpisodesSubtitlesDownload, '/episodes_subtitles_download')
diff --git a/views/_main.html b/views/_main.html
index 44a6d63ee..46a51e08d 100644
--- a/views/_main.html
+++ b/views/_main.html
@@ -146,12 +146,8 @@
                 <nav class="sidebar-nav">
                     <ul id="sidebarnav">
                         {% if settings.general.getboolean('use_sonarr') %}
-                            <li id="series_nav"><a href="#"><i class="fas fa-play"></i><span
+                            <li id="series_nav"><a href="{{ url_for('series') }}"><i class="fas fa-play"></i><span
                                     class="hide-menu"> Series</span></a>
-                                <ul aria-expanded="false" class="collapse">
-                                    <li><a href="{{ url_for('series') }}"> Series List</a></li>
-                                    <li><a href="{{ url_for('serieseditor') }}"> Mass Editor</a></li>
-                                </ul>
                             </li>
                         {% endif %}
                         {% if settings.general.getboolean('use_radarr') %}
diff --git a/views/series.html b/views/series.html
index c95ed7842..aa29d0ffc 100644
--- a/views/series.html
+++ b/views/series.html
@@ -3,18 +3,16 @@
 {% block title %}Series - Bazarr{% endblock %}
 
 {% block bcleft %}
-    <div class="d-flex">
-        <button class="btn btn-outline">
-            <i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
-            <span class="align-bottom">Update</span>
+    <div class="">
+        <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>
     </div>
 {% endblock bcleft %}
 
 {% block bcright %}
-    <div class="d-flex m-t-5 justify-content-end">
-        <h5 class="m-t-0 text-themecolor">Some page settings</h5>
-    </div>
+
 {% endblock bcright %}
 
 {% block body %}
@@ -142,11 +140,11 @@
             });
 
             var table = $('#series').DataTable({
-                "processing": false,
+                "processing": true,
                 "serverSide": true,
                 "searching": false,
                 "ordering": false,
-                "lengthChange": true,
+                "lengthChange": false,
                 "responsive": true,
                 "pageLength": {{ settings.general.page_size }},
                 "ajax": "{{ url_for('api.series') }}",
diff --git a/views/serieseditor.html b/views/serieseditor.html
index 93e135bc4..90c949895 100644
--- a/views/serieseditor.html
+++ b/views/serieseditor.html
@@ -1,9 +1,9 @@
 {% extends '_main.html' %}
 
-{% block title %}Series - Bazarr{% endblock %}
+{% block title %}Series Editor - Bazarr{% endblock %}
 
 {% block bcleft %}
-<div id="buttons"></div>
+    <div id="buttons"></div>
 {% endblock bcleft %}
 
 {% block bcright %}
@@ -24,76 +24,42 @@
         </thead>
     </table>
 
-    <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-primary">Save</button>
-                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-                    </div>
-                </form>
+    <nav class="navbar fixed-bottom navbar-dark bg-dark" style="margin-left: 240px;">
+        <div class="form-check form-check-inline">
+            <div class="form-group" style="margin-bottom: 0px;">
+                <label for="languages_select">Language(s): </label>
+                <select class="selectpicker" id="languages_select" name="languages" multiple></select>
+            </div>
+        </div>
+        <div class="form-check form-check-inline">
+            <div class="form-group" style="margin-bottom: 0px;">
+                <label for="hi_select">Hearing-Impaired: </label>
+                <select class="selectpicker show-tick" id="hi_select" name="hi" multiple>
+                    <option value="False">False</option>
+                    <option value="True">True</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-check form-check-inline">
+            <div class="form-group" style="margin-bottom: 0px;">
+                <label for="forced_select">Forced: </label>
+                <select class="selectpicker show-tick" id="forced_select" name="forced" multiple>
+                    <option value="False">False</option>
+                    <option value="True">True</option>
+                    <option value="Both">Both</option>
+                </select>
             </div>
         </div>
-    </div>
+        <div class="form-check form-check-inline">
+            <button type="submit" class="btn btn-primary" id="save_button">Save</button>
+        </div>
+    </nav>
 {% endblock body %}
 
 {% block tail %}
     <script>
         $(document).ready(function () {
-            getLanguages();
-		    getEnabledLanguages();
+            getEnabledLanguages();
 
 		    events.on('event', function(event) {
                 var event_json = JSON.parse(event);
@@ -194,68 +160,45 @@
             } );
 
             table.buttons().container().appendTo('#buttons');
-        });
-
-        $('#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});
-			}
-			$.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();
 
-			$('#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=" + $('#edit_sonarrSeriesId').val(),
-				data: formdata,
-				processData: false,
-				contentType: false,
-				type: 'POST',
-				success: function(){
-					//seriesDetailsRefresh();
-					$('#editModal').modal('hide');
-				}
-			});
-		});
-
-        function getLanguages() {
-            $.ajax({
-                url: "{{ url_for('api.languages') }}?enabled=false",
-                success:function(data) {
-                    availableLanguages = data;
-                }
+            if ('{{settings.general.single_language}}' === 'True') {
+                $('#languages_select').selectpicker({maxOptions: 1});
+            }
+            $('#hi_select').selectpicker({maxOptions: 1});
+            $('#forced_select').selectpicker({maxOptions: 1});
+
+            $('#save_button').on('click', function(e){
+                e.preventDefault();
+                const values = {
+                    seriesid: table.rows( { selected: true } ).ids().toArray(),
+                    languages: $('#languages_select').val(),
+                    hi: $('#hi_select').val(),
+                    forced: $('#forced_select').val()
+                };
+
+                $.ajax({
+                    url: "{{ url_for('api.serieseditsave') }}",
+                    method: "POST",
+			        data: JSON.stringify(values),
+                    contentType: 'application/json',
+                    success: function(){
+                        table.rows().deselect();
+                        $('#languages_select').selectpicker('val', '');
+                        $('#hi_select').selectpicker('val', '');
+                        $('#forced_select').selectpicker('val', '');
+                    }
+                });
             });
-        }
+        });
 
         function getEnabledLanguages() {
             $.ajax({
                 url: "{{ url_for('api.languages') }}?enabled=true",
                 success:function(data) {
-                    enabledLanguages = data;
+                    $.each(data, function (i, item) {
+                        $('#languages_select').append('<option value="'+item.code2+'">'+item.name+'</option>');
+                    });
+                    $("#languages_select").selectpicker("refresh");
                 }
             });
         }