From d60c0f2157bafee18daa6a90a3a887c00a7c7646 Mon Sep 17 00:00:00 2001
From: Marcos Moura <mrufino@ciandt.com>
Date: Wed, 31 Aug 2016 19:20:49 -0300
Subject: [PATCH] Improve look and feel of toolbar

---
 src/docs/App.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/docs/App.vue b/src/docs/App.vue
index c5b30ea..5c9a1b8 100644
--- a/src/docs/App.vue
+++ b/src/docs/App.vue
@@ -29,14 +29,16 @@
     </md-sidenav>
 
     <div class="page-content">
-      <md-whiteframe class="main-header" md-elevation="3">
+      <md-whiteframe class="main-header" md-elevation="2">
         <md-toolbar>
           <md-button class="md-icon-button">
             <md-icon>menu</md-icon>
           </md-button>
 
           <div class="md-title">
-            <span class="logo-vue-material">Vue Material – </span><span class="page-title">Home</span>
+            <span class="logo-vue-material">Vue Material</span>
+            <span> – </span>
+            <span class="page-title">Home</span>
           </div>
         </md-toolbar>
       </md-whiteframe>
@@ -84,14 +86,8 @@
     }
 
     .md-title {
-      font-size: 18px;
-
       .logo-vue-material {
         display: inline-block;
-
-        @media (min-width: 1280px) {
-          display: none;
-        }
       }
 
       .page-title {
@@ -101,6 +97,12 @@
           margin-left: 8px;
         }
       }
+
+      span:not(.page-title) {
+        @media (min-width: 1280px) {
+          display: none;
+        }
+      }
     }
   }