From 221f85af3f5a30eeb6a04bdaab5a1db977aabe8f Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Mon, 15 May 2017 13:01:40 -0700
Subject: [PATCH] fix(aio): no white band below toolbar when mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

At 600px wide, the buttons on tool bar shrank from 64 to 56px.
Should shrink the content’s top padding from 64 to 56 as well.
---
 aio/src/styles/0-base/_typography.scss | 6 +++---
 aio/src/styles/1-layouts/_sidenav.scss | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index 3f3dd16c1c..49fd716c0e 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -64,13 +64,13 @@
       clear: both;
     }
 
-    h1, h2 {
+    h1 {
       @media screen and (max-width: 600px) {
-        margin: 16px 0;
+        margin: 0;
       }
     }
 
-    h3, h4, h5, h6 {
+    h1:after, h2, h3, h4, h5, h6 {
       @media screen and (max-width: 600px) {
         margin: 8px 0;
       }
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 3a9030aa27..4c75fbfeab 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -39,6 +39,9 @@ md-sidenav-container.sidenav-container {
     @media (max-width: 800px) {
       max-width: 100%;
     }
+    @media (max-width: 600px) {
+      padding-top: 56px;
+    }
 }
 
 md-sidenav-container div.mat-sidenav-content {