diff --git a/static/css/bazarr.css b/static/css/bazarr.css
index cc8631e40..b06553416 100644
--- a/static/css/bazarr.css
+++ b/static/css/bazarr.css
@@ -24,6 +24,9 @@ File: scss
     top: calc(50% - 3.5px);
     left: calc(50% - 3.5px); }
 
+body {
+  font-family: "Roboto", "open sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
+
 /*******************
 /*Top bar
 *******************/
@@ -258,6 +261,9 @@ a.link:hover, a.link:focus {
         padding-left: 10px; }
         .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
           display: none; }
+        .topbar .top-navbar .navbar-header .navbar-brand b {
+          line-height: 60px;
+          display: inline-block; }
   .topbar .dropdown-menu {
     box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
diff --git a/static/css/bazarr.css.map b/static/css/bazarr.css.map
index 342b6e3fc..d2a76c01a 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 f1b1caada..1c22546ff 100644
--- a/static/scss/bazarr.scss
+++ b/static/scss/bazarr.scss
@@ -19,6 +19,10 @@ $sidebar: #3a3f51;
 $swhite: #e1e2e3;
 $bodycolor: white;
 
+body {
+  font-family: $bodyfont;
+}
+
 
 /*******************
 /*Top bar
@@ -233,91 +237,106 @@ a.link {
   }
 }
 
-@media(min-width:768px) {
-    .mini-sidebar .sidebar-nav #sidebarnav li {
-        position: relative;
-    }
-    .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
-        position: absolute;
-        left: 60px;
-        top: 45px;
-        width: 200px;
-        z-index: 1001;
-        background: $sidebar-alt;
-        display: none;
-        padding-left: 1px;
-    }
-    .mini-sidebar .sidebar-nav {
-        padding: 0;
-    }
-    .mini-sidebar.fix-sidebar .left-sidebar{
-        position:absolute;
-    }
-    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
-        height: auto !important;
+@media(min-width: 768px) {
+  .mini-sidebar .sidebar-nav #sidebarnav li {
+    position: relative;
+  }
+  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
+    position: absolute;
+    left: 60px;
+    top: 45px;
+    width: 200px;
+    z-index: 1001;
+    background: $sidebar-alt;
+    display: none;
+    padding-left: 1px;
+  }
+  .mini-sidebar .sidebar-nav {
+    padding: 0;
+  }
+  .mini-sidebar.fix-sidebar .left-sidebar {
+    position: absolute;
+  }
+  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
+    height: auto !important;
 
-        overflow: auto;
+    overflow: auto;
+  }
+  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
+  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
+    display: block;
+  }
+  .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
+    display: none;
+  }
+  .mini-sidebar {
+    .left-sidebar {
+      width: 60px;
     }
-    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
-    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
-        display: block;
+
+    .user-profile {
+      padding-bottom: 15px;
+      width: 60px;
+      margin-bottom: 7px;
+
+      .profile-img {
+        padding: 15px 0 0 0;
+        margin: 0px 0 0 6px;
+
+        &:before {
+          top: 15px;
+        }
+      }
     }
-    .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
-        display: none;
+
+    .scroll-sidebar {
+      padding-bottom: 0px;
+      position: absolute;
     }
-    .mini-sidebar {
-        .left-sidebar {
-            width: 60px;
-        }
-        .user-profile {
-            padding-bottom: 15px;
-            width: 60px;
-            margin-bottom: 7px;
-            .profile-img{
-                padding: 15px 0 0 0;
-                margin: 0px 0 0 6px;
-                &:before{
-                    top:15px;
-                }
-            }
-        }
-        .scroll-sidebar{
-            padding-bottom: 0px;
-            position: absolute;
-        }
-        .hide-menu,
-        .nav-small-cap,
-        .sidebar-footer,
-        .user-profile .profile-text {
-            display: none;
-        }
-        .nav-devider{
-            width: 50px;
-            }
-        .sidebar-nav{ background: transparent;}
-        .sidebar-nav #sidebarnav > li > a{
-            padding: 9px 20px;
-            width: 60px;
-        }
-        .sidebar-nav #sidebarnav > li:hover > a {
-            width: 260px;
-            background: $themecolor-alt;
-            color: $white;
-            border-color: $themecolor;
-            i {
-                color: $white;
-            }
-            .hide-menu {
-                display: inline;
-            }
-        }
-        .sidebar-nav #sidebarnav > li.active > a{
-            border-color:transparent;
-            &.active{
-                border-color:$topbar;
-            }
-        }
+
+    .hide-menu,
+    .nav-small-cap,
+    .sidebar-footer,
+    .user-profile .profile-text {
+      display: none;
     }
+
+    .nav-devider {
+      width: 50px;
+    }
+
+    .sidebar-nav {
+      background: transparent;
+    }
+
+    .sidebar-nav #sidebarnav > li > a {
+      padding: 9px 20px;
+      width: 60px;
+    }
+
+    .sidebar-nav #sidebarnav > li:hover > a {
+      width: 260px;
+      background: $themecolor-alt;
+      color: $white;
+      border-color: $themecolor;
+
+      i {
+        color: $white;
+      }
+
+      .hide-menu {
+        display: inline;
+      }
+    }
+
+    .sidebar-nav #sidebarnav > li.active > a {
+      border-color: transparent;
+
+      &.active {
+        border-color: $topbar;
+      }
+    }
+  }
 }
 
 
@@ -369,6 +388,10 @@ a.link {
         .light-logo {
           display: none;
         }
+        b {
+          line-height: 60px;
+          display: inline-block;
+        }
       }
     }
   }
@@ -379,7 +402,7 @@ a.link {
     -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
     border-color: $border;
     background: $themecolor;
-      padding: 0 0;
+    padding: 0 0;
 
     .dropdown-item {
       padding: 7px 1.5rem;
@@ -465,6 +488,6 @@ a.link {
 }
 
 .page-wrapper {
-    background: $bodycolor;
-    padding-bottom: 60px;
+  background: $bodycolor;
+  padding-bottom: 60px;
 }
\ No newline at end of file
diff --git a/views/_main.html b/views/_main.html
index 6d9ef400e..6a8965396 100644
--- a/views/_main.html
+++ b/views/_main.html
@@ -80,13 +80,13 @@
                     <!-- toggle and nav items -->
                     <!-- ============================================================== -->
                     <ul class="navbar-nav mr-auto mt-md-0">
-                    <!-- This is  -->
-                        <li class="nav-item"> <a
+                        <!-- This is  -->
+                        <li class="nav-item"><a
                                 class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up"
-                                href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
-                        <li class="nav-item"> <a
+                                href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
+                        <li class="nav-item"><a
                                 class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up"
-                                href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
+                                href="javascript:void(0)"><i class="ti-menu"></i></a></li>
                         <!-- ============================================================== -->
                         <!-- Search -->
                         <!-- ============================================================== -->
@@ -196,9 +196,27 @@
         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
         <!-- ============================================================== -->
         <div class="page-wrapper">
-            {% block body %}
+            <div class="container-fluid">
+                {% block breadcrumb %}
+                    <!-- ============================================================== -->
+                    <!-- Bread crumb and right sidebar toggle -->
+                    <!-- ============================================================== -->
+                    <div class="row page-titles">
+                        <div class="col-md-5 col-8 align-self-center">
+                            {% block bcleft %}
+                            {% endblock bcleft %}
+                            </span>
+                        </div>
+                        <div class="col-md-7 col-4 align-self-center">
+                            {% block bcright %}
+                            {% endblock bcright %}
+                        </div>
+                    </div>
+                {% endblock breadcrumb %}
+                {% block body %}
 
-            {% endblock body %}
+                {% endblock body %}
+            </div>
         </div>
         <!-- ============================================================== -->
         <!-- footer -->
@@ -238,7 +256,6 @@
                 url: "{{url_for('api.badges')}}",
                 async: true,
                 success: function (data) {
-                    console.log(data);
                     if (data['throttled_providers']) {
                         $('#throttled_providers_count').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['throttled_providers'] + '</div>')
                     }
diff --git a/views/historymovies.html b/views/historymovies.html
index a2e608cf4..959555033 100644
--- a/views/historymovies.html
+++ b/views/historymovies.html
@@ -2,52 +2,47 @@
 
 {% block title %}History (Series) - Bazarr{% endblock %}
 
-{% block head %}
+{% 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>
+        </button>
+    </div>
+{% endblock bcleft %}
 
-{% endblock head %}
+{% 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 %}
-    <div class="container-fluid">
-        <!-- Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <div class="row page-titles">
-            <div class="col-md-5 col-8 align-self-center">
-                <h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
-            </div>
-            <div class="col-md-7 col-4 align-self-center">
-                <div class="d-flex m-t-10 justify-content-end">
-                    <div class="d-flex m-r-20 m-l-10 hidden-md-down">
-                        <div class="chart-text m-r-10">
-                            <h5 class="m-t-0 text-white">Some page settings</h5></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- ============================================================== -->
-        <!-- End Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <table id="history_movies" class="table table-striped" style="width:100%">
-            <thead>
-            <tr>
-                <th>action</th>
-                <th>title</th>
-                <th>timestamp</th>
-                <th>description</th>
-            </tr>
-            </thead>
-        </table>
-    </div>
+    <table id="history_movies" class="table table-striped" style="width:100%">
+        <thead>
+        <tr>
+            <th>action</th>
+            <th>title</th>
+            <th>timestamp</th>
+            <th>description</th>
+        </tr>
+        </thead>
+    </table>
 {% endblock body %}
 
 {% block tail %}
     <script>
         $(document).ready(function () {
             var table = $('#history_movies').DataTable({
-                "processing": true,
+                "dom":"<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+                "processing": false,
                 "serverSide": true,
                 "searching": false,
                 "ordering": false,
-                "lengthChange": false,
+                "responsive": true,
+                "lengthChange": true,
+                "pageLength": {{ settings.general.page_size }},
                 "ajax": "{{ url_for('api.historymovies') }}",
                 "columns": [
                     {"data": "action"},
diff --git a/views/historyseries.html b/views/historyseries.html
index 0163567a8..264d4b59e 100644
--- a/views/historyseries.html
+++ b/views/historyseries.html
@@ -2,54 +2,49 @@
 
 {% block title %}History (Series) - Bazarr{% endblock %}
 
-{% block head %}
+{% 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>
+        </button>
+    </div>
+{% endblock bcleft %}
 
-{% endblock head %}
+{% 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 %}
-    <div class="container-fluid">
-        <!-- Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <div class="row page-titles">
-            <div class="col-md-5 col-8 align-self-center">
-                <h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
-            </div>
-            <div class="col-md-7 col-4 align-self-center">
-                <div class="d-flex m-t-10 justify-content-end">
-                    <div class="d-flex m-r-20 m-l-10 hidden-md-down">
-                        <div class="chart-text m-r-10">
-                            <h5 class="m-t-0 text-white">Some page settings</h5></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- ============================================================== -->
-        <!-- End Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <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>
-            </thead>
-        </table>
-    </div>
+    <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>
+        </thead>
+    </table>
 {% endblock body %}
 
 {% block tail %}
     <script>
         $(document).ready(function () {
             var table = $('#history_series').DataTable({
+                "dom":
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                 "processing": true,
                 "serverSide": true,
                 "searching": false,
                 "ordering": false,
-                "lengthChange": false,
+                "lengthChange": true,
+                "pageLength": {{ settings.general.page_size }},
                 "ajax": "{{ url_for('api.historyseries') }}",
                 "columns": [
                     {"data": "action"},
diff --git a/views/movies.html b/views/movies.html
index f4ec4cad5..f54ffbb45 100644
--- a/views/movies.html
+++ b/views/movies.html
@@ -2,56 +2,51 @@
 
 {% block title %}Movies - Bazarr{% endblock %}
 
-{% block head %}
+{% 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>
+        </button>
+    </div>
+{% endblock bcleft %}
 
-{% endblock head %}
+{% 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 %}
-    <div class="container-fluid">
-        <!-- Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <div class="row page-titles">
-            <div class="col-md-5 col-8 align-self-center">
-                <h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
-            </div>
-            <div class="col-md-7 col-4 align-self-center">
-                <div class="d-flex m-t-10 justify-content-end">
-                    <div class="d-flex m-r-20 m-l-10 hidden-md-down">
-                        <div class="chart-text m-r-10">
-                            <h5 class="m-t-0 text-white">Some page settings</h5></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- ============================================================== -->
-        <!-- End Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <table id="movies" class="table table-striped" style="width:100%">
-            <thead>
-            <tr>
-                <th></th>
-                <th>Name</th>
-                <th>Path Exist</th>
-                <th>Audio Language</th>
-                <th>Subtitles Languages</th>
-                <th>Hearing-Impaired</th>
-                <th>Forced</th>
-            </tr>
-            </thead>
-        </table>
-    </div>
+    <table id="movies" class="table table-striped" style="width:100%">
+        <thead>
+        <tr>
+            <th></th>
+            <th>Name</th>
+            <th>Path Exist</th>
+            <th>Audio Language</th>
+            <th>Subtitles Languages</th>
+            <th>Hearing-Impaired</th>
+            <th>Forced</th>
+        </tr>
+        </thead>
+    </table>
 {% endblock body %}
 
 {% block tail %}
     <script>
         $(document).ready(function () {
             var table = $('#movies').DataTable({
+                "dom":
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                 "processing": false,
                 "serverSide": true,
                 "searching": false,
                 "ordering": false,
-                "lengthChange": false,
+                "lengthChange": true,
                 "responsive": true,
+                "pageLength": {{ settings.general.page_size }},
                 "ajax": "{{ url_for('api.movies') }}",
                 "columns": [
                     {
@@ -79,9 +74,9 @@
                         "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>';
+                                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) {
-                                return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: '+data.mapped_path+'"></i>';
+                                return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: ' + data.mapped_path + '"></i>';
                             }
                         }
                     },
@@ -102,7 +97,8 @@
                             }
                         }
                     },
-                    {"data": "hearing_impaired",
+                    {
+                        "data": "hearing_impaired",
                         "className": "dt-center",
                         "render": function (data) {
                             if (data === 'False') {
@@ -112,7 +108,8 @@
                             }
                         }
                     },
-                    {"data": "forced",
+                    {
+                        "data": "forced",
                         "className": "dt-center",
                         "render": function (data) {
                             if (data === 'False') {
diff --git a/views/series.html b/views/series.html
index 722a80100..9efecc1f9 100644
--- a/views/series.html
+++ b/views/series.html
@@ -2,53 +2,52 @@
 
 {% block title %}Series - Bazarr{% endblock %}
 
-{% block head %}
+{% 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>
+        </button>
+    </div>
+{% endblock bcleft %}
 
-{% endblock head %}
+{% 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 %}
-    <div class="container-fluid">
-        <!-- Bread crumb and right sidebar toggle -->
-        <!-- ============================================================== -->
-        <div class="row page-titles">
-            <div class="col-md-5 col-8 align-self-center">
-                <h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
-            </div>
-            <div class="col-md-7 col-4 align-self-center">
-                <div class="d-flex m-t-10 justify-content-end">
-                    <div class="d-flex m-r-20 m-l-10 hidden-md-down">
-                        <div class="chart-text m-r-10">
-                            <h5 class="m-t-0 text-white">Some page settings</h5></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <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>
-            </tr>
-            </thead>
-        </table>
-    </div>
+    <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>
+        </tr>
+        </thead>
+    </table>
+
 {% endblock body %}
 
 {% block tail %}
     <script>
         $(document).ready(function () {
             var table = $('#series').DataTable({
+                "dom":
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                 "processing": false,
                 "serverSide": true,
                 "searching": false,
                 "ordering": false,
-                "lengthChange": false,
+                "lengthChange": true,
                 "responsive": true,
+                "pageLength": {{ settings.general.page_size }},
                 "ajax": "{{ url_for('api.series') }}",
                 "columns": [
                     {"data": "title"},
@@ -58,9 +57,9 @@
                         "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>';
+                                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) {
-                                return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: '+data.mapped_path+'"></i>';
+                                return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: ' + data.mapped_path + '"></i>';
                             }
                         }
                     },
@@ -81,7 +80,8 @@
                             }
                         }
                     },
-                    {"data": "hearing_impaired",
+                    {
+                        "data": "hearing_impaired",
                         "className": "dt-center",
                         "render": function (data) {
                             if (data === 'False') {
@@ -91,7 +91,8 @@
                             }
                         }
                     },
-                    {"data": "forced",
+                    {
+                        "data": "forced",
                         "className": "dt-center",
                         "render": function (data) {
                             if (data === 'False') {