From 73c7503ae0415d0bb07e8d21f5436cf3e2f9cd70 Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Mon, 17 Apr 2017 11:00:22 -0700
Subject: [PATCH] fix(aio): sidenav padding

Aligned padding to fit beneath the top nav
Add scroll bar styling inside sidenav menu
Increased font size of h2 to be different from h3 for better legibility
---
 aio/src/styles/0-base/_typography.scss   | 2 +-
 aio/src/styles/1-layouts/_sidenav.scss   | 2 +-
 aio/src/styles/2-modules/_scrollbar.scss | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index fc887bfdfa..da4781bde5 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -28,7 +28,7 @@
     }
 
     h2 {
-      font-size: 20px;
+      font-size: 22px;
       font-weight: 500;
       margin: 32px 0px 24px;
     }
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 69bdd563a5..2749bba3d0 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -21,7 +21,7 @@ md-sidenav-container.sidenav-container {
     height: auto !important;
     margin: 0 auto;
     transform: none;
-    padding-top: 52px;
+    padding-top: 64px;
 }
 
 // md-sidenav.sidenav.mat-sidenav.mat-sidenav-side.mat-sidenav-opened {
diff --git a/aio/src/styles/2-modules/_scrollbar.scss b/aio/src/styles/2-modules/_scrollbar.scss
index 772ea9faf8..e1a09d41b4 100644
--- a/aio/src/styles/2-modules/_scrollbar.scss
+++ b/aio/src/styles/2-modules/_scrollbar.scss
@@ -1,12 +1,12 @@
-body::-webkit-scrollbar {
+body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar {
     width: 6px;
 }
  
-body::-webkit-scrollbar-track {
+body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 }
  
-body::-webkit-scrollbar-thumb {
+body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb {
   background-color: $mediumgray;
   outline: 1px solid $darkgray;
 }