Adds a new body class 'breadcrumb-flush'

^ that directs the breadcrumb to sit flush to the element below

modules/backend/assets/css/controls.css

@@ -775,8 +775,7 @@ ul.status-list li span.status.info{background:#5bc0de}
 .control-breadcrumb li a:hover{color:#ecf0f1}
 .control-breadcrumb li:after{font-size:14px;line-height:14px;display:inline-block;margin-left:6px;margin-right:2px;vertical-align:baseline;color:#9da3a7;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f105"}
 .control-breadcrumb li:last-child:after{content:''}
-.control-breadcrumb + .content-tabs,.control-breadcrumb + .padded-container{margin-top:-20px}
-.control-breadcrumb.breadcrumb-flush{margin-bottom:0}
+body.breadcrumb-flush .control-breadcrumb,.control-breadcrumb.breadcrumb-flush{margin-bottom:0}
 body.slim-container .control-breadcrumb{margin-left:0;margin-right:0}
 body.compact-container .control-breadcrumb{margin-top:0;margin-left:0;margin-right:0}
 div.control-popover{position:absolute;background-clip:content-box;left:0;top:0;z-index:570;visibility:hidden}

modules/backend/assets/less/controls/breadcrumb.less

@@ -39,15 +39,12 @@
             content:'';
         }
     }
+}
 
-    + .content-tabs, + .padded-container {
-        margin-top: -20px;
-    }
-
-    // Breadcrumb to sit flush to the element below
-    &.breadcrumb-flush {
-        margin-bottom: 0;
-    }
+// Breadcrumb to sit flush to the element below
+body.breadcrumb-flush .control-breadcrumb,
+.control-breadcrumb.breadcrumb-flush {
+    margin-bottom: 0;
 }
 
 body.slim-container {

modules/backend/controllers/accesslogs/index.htm

@@ -1,4 +1,4 @@
-<div class="padded-container list-header">
+<div class="padded-container container-flush">
     <?= $this->makeHintPartial('backend_accesslogs_hint', 'hint') ?>
 </div>
 

modules/backend/layouts/default.htm

@@ -26,17 +26,18 @@
                         <?php endif ?>
 
                         <!-- Content Body -->
-                        <div class="layout-cell layout-container" id="layout-body" >
+                        <div class="layout-cell layout-container" id="layout-body">
                             <div class="layout-relative">
 
                                 <div class="layout">
-                                    <!-- Breadcrumb -->
                                     <?php if ($breadcrumbContent = Block::placeholder('breadcrumb')): ?>
+                                        <!-- Breadcrumb -->
                                         <div class="control-breadcrumb">
                                             <?= $breadcrumbContent ?>
                                         </div>
                                     <?php endif ?>
 
+                                    <!-- Content -->
                                     <div class="layout-row">
                                         <?= Block::placeholder('body') ?>
                                     </div>

modules/backend/layouts/form-with-sidebar.htm

@@ -2,13 +2,14 @@
     <div class="layout-cell">
 
         <div class="layout">
-            <!-- Breadcrumb -->
             <?php if ($breadcrumbContent = Block::placeholder('breadcrumb')): ?>
+                <!-- Breadcrumb -->
                 <div class="control-breadcrumb breadcrumb-flush">
                     <?= $breadcrumbContent ?>
                 </div>
             <?php endif ?>
 
+            <!-- Content -->
             <div class="layout-row">
                 <div class="padded-container layout">
                     <?= Block::placeholder('form-contents') ?>