From e438edd5228de8f44b65e15a79109930daae0eb3 Mon Sep 17 00:00:00 2001
From: Rob Dodson <robdodson@users.noreply.github.com>
Date: Mon, 30 May 2016 13:52:53 -0700
Subject: [PATCH] Simplify header (#832)

---
 src/psk-app/psk-app.html      | 33 ++++-----------------------------
 src/styles/shared-styles.html |  9 +--------
 2 files changed, 5 insertions(+), 37 deletions(-)

diff --git a/src/psk-app/psk-app.html b/src/psk-app/psk-app.html
index 64b101795..10acceeba 100644
--- a/src/psk-app/psk-app.html
+++ b/src/psk-app/psk-app.html
@@ -68,20 +68,9 @@
         color: #444;
       }
 
-      .title-toolbar {
-        @apply(--layout-center-center);
-        width: 100vw;
-        box-sizing: border-box;
-      }
-
-      app-drawer-layout:not([narrow]) .title-toolbar {
-        width: 100%;
-      }
-
-      .title {
-        padding-bottom: 40px;
-        font-size: 50px;
-        font-weight: 800;
+      [title] {
+        font-size: 20px;
+        font-weight: normal;
       }
 
       iron-selector {
@@ -107,14 +96,6 @@
       iron-pages > * {
         min-height: 100vh;
       }
-
-      @media (max-width: 580px) {
-        /* make title smaller to fit on screen */
-        .title {
-          font-size: 30px;
-          padding-bottom: 16px;
-        }
-      }
     </style>
 
     <!-- setup routes -->
@@ -148,15 +129,9 @@
       <!-- main panel -->
       <app-header-layout>
         <app-header reveals effects="waterfall" class="main-header">
-          <!-- top toolbar -->
           <app-toolbar>
-            <!-- menu button -->
             <paper-icon-button icon="app:menu" drawer-toggle></paper-icon-button>
-          </app-toolbar>
-
-          <!-- bottom toolbar -->
-          <app-toolbar class="title-toolbar">
-            <h1 class="title">Polymer Starter Kit</h1>
+            <h1 title>Polymer Starter Kit</h1>
           </app-toolbar>
         </app-header>
       </app-header-layout>
diff --git a/src/styles/shared-styles.html b/src/styles/shared-styles.html
index cb0c9efb7..96e98b324 100644
--- a/src/styles/shared-styles.html
+++ b/src/styles/shared-styles.html
@@ -17,17 +17,10 @@
     <style>
       /* shared style for page titles */
       .page-title {
-        font-size: 40px;
+        font-size: 26px;
         margin-left: 40px;
         color: var(--paper-grey-800);
       }
-
-      @media (max-width: 580px) {
-        /* make page title smaller */
-        .page-title {
-          font-size: 26px;
-        }
-      }
     </style>
   </template>
 </dom-module>