From 7323e89ddea3a515fa6e3a122173644b6d466795 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mario=20Mart=C3=ADnez?= <mmgdort@gmail.com>
Date: Fri, 13 May 2016 19:09:26 +0200
Subject: [PATCH] fix(demo-app) move menu icon inside of a button (#434)

---
 src/demo-app/demo-app.html | 4 +++-
 src/demo-app/demo-app.scss | 1 -
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/demo-app/demo-app.html b/src/demo-app/demo-app.html
index a4b60622bc1..b2efa038827 100644
--- a/src/demo-app/demo-app.html
+++ b/src/demo-app/demo-app.html
@@ -23,7 +23,9 @@
   <div>
 
     <md-toolbar color="primary">
-      <md-icon (click)="start.open()">menu</md-icon>
+      <button md-icon-button (click)="start.open()">
+        <md-icon class="md-24" >menu</md-icon>
+      </button>
       <div class="demo-toolbar">
         <h1>Angular Material 2 Demos</h1>
         <button md-button (click)="root.dir = (root.dir == 'rtl' ? 'ltr' : 'rtl')" title="Toggle between RTL and LTR">
diff --git a/src/demo-app/demo-app.scss b/src/demo-app/demo-app.scss
index eec56e9018b..972c22e62b4 100644
--- a/src/demo-app/demo-app.scss
+++ b/src/demo-app/demo-app.scss
@@ -25,7 +25,6 @@
 
   md-toolbar {
     md-icon {
-      padding: 20px;
       cursor: pointer;
     }