Update content tabs so they work with buttons

modules/backend/assets/css/october.css

@@ -7485,6 +7485,10 @@ label {
   margin-right: 0;
   margin-left: 10px;
 }
+body.compact-container .form-buttons,
+body.slim-container .form-buttons {
+  padding-left: 20px;
+}
 @media (max-width: 769px) {
   .form-group.span-left,
   .form-group.span-right {
@@ -10197,6 +10201,7 @@ body.dropdown-open .dropdown-overlay {
   border-right: none;
 }
 .control-tabs.content-tabs > ul.nav-tabs li.active {
+  border-top: 1px solid #e3e5e7;
   background: #ffffff;
 }
 .control-tabs.content-tabs > ul.nav-tabs li.active a {
@@ -10205,6 +10210,7 @@ body.dropdown-open .dropdown-overlay {
 .control-tabs.content-tabs > ul.nav-tabs li.active:last-child {
   border-right: 1px solid #e3e5e7;
 }
+.control-tabs.content-tabs > .tab-content > .tab-pane div.padded-container,
 .control-tabs.content-tabs > .tab-content > .tab-pane div.toolbar-widget {
   background: #ffffff;
   margin-top: -20px;

modules/backend/assets/less/controls/forms.less

@@ -206,6 +206,13 @@ label {
     }
 }
 
+body.compact-container,
+body.slim-container {
+    .form-buttons {
+        padding-left: 20px;
+    }
+}
+
 @media (max-width: @menu-breakpoint-max) {
     .form-group {
         &.span-left, &.span-right {

modules/backend/assets/less/controls/tab.less

@@ -245,7 +245,7 @@
     }
 
     &.content-tabs {
-        > ul.nav-tabs { 
+        > ul.nav-tabs {
             position: relative;
 
             &:before {
@@ -276,6 +276,7 @@
                 }
 
                 &.active {
+                    border-top: 1px solid @color-tab-content-border;
                     background: @color-tab-content-active-bg;
                     a {
                         font-weight: 600;
@@ -289,6 +290,7 @@
         }
 
         > .tab-content > .tab-pane {
+            div.padded-container,
             div.toolbar-widget {
                 background: @color-tab-content-active-bg;
                 margin-top: -20px;

modules/backend/assets/less/layout/layout.less

@@ -50,7 +50,7 @@ body {
         &.width-120 {width: 120px;}
         &.width-200 {width: 200px;}
         &.width-300 {width: 300px;}
-        
+
         &.layout-container, .layout-container, &.padded-container, .padded-container {padding: 20px 20px 0 20px;}
 
         .layout-relative {

modules/system/controllers/emailtemplates/index.htm

@@ -9,7 +9,7 @@
 <div class="control-tabs content-tabs" data-control="tab">
     <ul class="nav nav-tabs">
         <li class="active"><a href="#templates"><?= e(trans('system::lang.email_templates.templates')) ?></a></li>
-        <li><a href="#templates"><?= e(trans('system::lang.email_templates.layouts')) ?></a></li>
+        <li><a href="#layouts"><?= e(trans('system::lang.email_templates.layouts')) ?></a></li>
     </ul>
     <div class="tab-content">
         <div class="tab-pane active">