WIP

static/css/bazarr.css

@@ -30,6 +30,12 @@ body {
 /*******************
 /*Top bar
 *******************/
+.buttons_bars {
+  position: fixed;
+  top: 60px;
+  width: 100%;
+  z-index: 333; }
+
 .topbar {
   background: #ce2829; }
   .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
@@ -341,7 +347,8 @@ a.link:hover, a.link:focus {
 
 .page-wrapper {
   background: #f5f7fa;
-  padding-bottom: 60px; }
+  padding-bottom: 60px;
+  padding-top: 60px; }
 
 .overlay {
   display: none;

static/scss/bazarr.scss

@@ -27,6 +27,12 @@ body {
 /*******************
 /*Top bar
 *******************/
+.buttons_bars {
+  position: fixed;
+  top: 60px;
+  width: 100%;
+  z-index: 333;
+}
 
 .topbar {
   background: $topbar;
@@ -501,6 +507,7 @@ a.link {
 .page-wrapper {
   background: $bodycolor;
   padding-bottom: 60px;
+  padding-top: 60px;
 }
 
 .overlay {

views/_main.html

@@ -236,7 +236,7 @@
                         <!-- ============================================================== -->
                         <!-- Bread crumb and right sidebar toggle -->
                         <!-- ============================================================== -->
-                        <div id="buttons_bars" class="row page-titles">
+                        <div id="buttons_bars" class="row page-titles buttons_bars">
                             <div id="buttons_bar_left" class="col-md-5 col-8 align-self-center">
                                 {% block bcleft %}
                                 {% endblock bcleft %}