Added sidebar layout size tweaks

diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index aeb31460b47442e4d975e295058293be305d95d1..c742d020de8265ce5c9f7f9103cabaee75c82fd5 100644 (file)
--- a/resources/assets/sass/_grid.scss
+++ b/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;

diff --git a/resources/assets/sass/_html.scss b/resources/assets/sass/_html.scss
index 32756a600d6a1a64fea0af29693fb18af1648484..a89d030a1df5d1bd254f7324b9f377454975f545 100644 (file)
--- a/resources/assets/sass/_html.scss
+++ b/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;
 }

diff --git a/resources/assets/sass/_text.scss b/resources/assets/sass/_text.scss
index fa34d7fc8ae122625ff184d79f934e429f43c8b7..900c677ffb1d9b575a45d768164d8bb4943beeda 100644 (file)
--- a/resources/assets/sass/_text.scss
+++ b/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;

diff --git a/resources/views/sidebar-layout.blade.php b/resources/views/sidebar-layout.blade.php
index 9df8ba81347ab7a9c80c5cb72fe9224dc5d34e89..f5e04f4e0556735f37810addee0143adb3717f50 100644 (file)
--- a/resources/views/sidebar-layout.blade.php
+++ b/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>