Added sidebar layout size tweaks

resources/assets/sass/_grid.scss

@@ -53,7 +53,7 @@ body.flexbox {
 .flex.sidebar {
   flex: 1;
   background-color: #F2F2F2;
-  max-width: 360px;
+  max-width: 420px;
   min-height: 90vh;
   section {
     margin: $-m;

resources/assets/sass/_html.scss

@@ -14,7 +14,7 @@ html {
 body {
   font-size: $fs-m;
   line-height: 1.6;
-  color: #616161;
+  color: #444;
   -webkit-font-smoothing: antialiased;
   background-color: #F2F2F2;
 }

resources/assets/sass/_text.scss

@@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   position: relative;
   display: block;
-  color: #555;
+  color: #333;
   .subheader {
     font-size: 0.5em;
     line-height: 1em;

resources/views/sidebar-layout.blade.php

@@ -14,12 +14,12 @@
         <div sidebar class="sidebar flex print-hidden" id="sidebar">
             <div class="sidebar-toggle primary-background-light">@icon('caret-right-circle')
             </div>
-            <div class="scroll-body px-m">
+            <div class="scroll-body px-xl">
                 @yield('sidebar')
             </div>
         </div>
 
-        <div class="content mr-m flex @yield('body-wrap-classes')">
+        <div class="content mr-xl flex @yield('body-wrap-classes')">
             @yield('body')
         </div>
     </div>