From b059c88fc77c5d87f08f8280e114468d2f35d02a Mon Sep 17 00:00:00 2001
From: Max Lynch <ihasmax@gmail.com>
Date: Sun, 19 Jul 2015 09:19:40 -0500
Subject: [PATCH] Menu

---
 ionic/components/app/test/material/index.ts       | 13 +++++++++----
 ionic/components/toolbar/extensions/material.scss |  6 +++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/ionic/components/app/test/material/index.ts b/ionic/components/app/test/material/index.ts
index 4864d56158..cc7ce94f4b 100644
--- a/ionic/components/app/test/material/index.ts
+++ b/ionic/components/app/test/material/index.ts
@@ -1,12 +1,12 @@
 import {Component, Directive} from 'angular2/angular2';
 
-import {App, IonicView, Register} from 'ionic/ionic';
+import {App, IonicApp, IonicView, Register} from 'ionic/ionic';
 
 @IonicView({
   template: '<ion-navbar *navbar primary>' +
     '<ion-title>Heading</ion-title>' +
     '<ion-nav-items primary>' +
-      '<button icon><i class="icon ion-navicon"></i></button>' +
+      '<button icon (^click)="toggleMenu()"><i class="icon ion-navicon"></i></button>' +
     '</ion-nav-items>' +
     '<ion-nav-items secondary>' +
       '<button><ion-icon md="ion-android-search" ios="ion-ios-search-strong"></i></button>' +
@@ -30,13 +30,18 @@ import {App, IonicView, Register} from 'ionic/ionic';
   '</ion-content>'
 })
 export class FirstPage {
-  constructor() {
+  constructor(app: IonicApp) {
+    this.app = app;
+  }
+  toggleMenu() {
+    console.log('TOGGLE');
+    this.app.getComponent('myAside').toggle();
   }
 }
 
 @App({
   template: `<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,500' rel='stylesheet' type='text/css'>
-    <ion-aside id="menu" side="left" [content]="content">
+    <ion-aside id="menu" side="left" [content]="content" [register]="aside" register-id="myAside" #aside>
       <ion-toolbar primary><ion-title>Menu</ion-title></ion-toolbar>
       <ion-list>
         <ion-item>Your Profile</ion-item>
diff --git a/ionic/components/toolbar/extensions/material.scss b/ionic/components/toolbar/extensions/material.scss
index 3e6fa7eecf..f102229bb6 100644
--- a/ionic/components/toolbar/extensions/material.scss
+++ b/ionic/components/toolbar/extensions/material.scss
@@ -6,10 +6,14 @@ $toolbar-material-button-font-size:        2rem !default;
 $toolbar-material-button-text-color:       #007aff !default;
 
 .toolbar[mode="md"] {
-  padding: 0px 15px;
+  padding: 0px 16px;
   height: $toolbar-material-height;
   background: $toolbar-material-background;
 
+  .toolbar-inner-title {
+    padding: 0;
+  }
+
   ion-title {
     font-size: $toolbar-material-title-font-size;
     font-weight: 500;