_content.scss in trestle-0.10.0.pre

- old
+ new

@@ -10,11 +10,11 @@
     font-weight: 200;
 
     margin-top: 0;
     margin-bottom: 0.5rem;
 
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
       font-size: 2.25rem;
     }
   }
 
   .breadcrumb {
@@ -22,30 +22,31 @@
   }
 
   .content-header-title {
     margin: 5px 0;
 
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
       margin: 2px 0;
     }
   }
 
   .btn {
     white-space: nowrap;
   }
 
   .btn-toolbar {
-    justify-content: flex-end;
+    flex-direction: row-reverse;
   }
 
   .secondary-toolbar {
     margin-top: 8px;
   }
 }
 
 .main-content-area {
   margin: 20px;
+  scroll-margin: 20px;
 }
 
 .main-content-container {
   background: white;
   display: flex;
@@ -108,33 +109,36 @@
   justify-content: flex-start;
   margin-bottom: 10px;
 }
 
 .error-iframe {
+  display: block;
+  width: 100%;
   border: 0;
   flex: 1;
-  width: 100%;
-  min-height: 400px;
+  min-height: 60vh;
+  max-height: 75vh;
 }
 
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down(lg) {
   .main-content-container {
     flex-direction: column;
   }
 
   .main-content-sidebar {
     flex-basis: 0;
     max-width: none;
   }
 }
 
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
   .content-header {
     padding: 10px;
   }
 
   .main-content-area {
     margin: 10px;
+    scroll-margin: 10px;
   }
 
   .main-content-container {
     margin-bottom: 10px;
   }