chore(demos): add home route content and fix styles

kara · kara · commit a97378e71ca6 · 2016-04-18T09:47:38.000-07:00
diff --git a/src/demo-app/demo-app.html b/src/demo-app/demo-app.html
@@ -24,13 +24,12 @@
       <i class="material-icons" (click)="start.open()">menu</i>
       <div class="demo-toolbar">
         <h1>Angular Material 2 Demos</h1>
-        <button md-raised-button (click)="root.dir = (root.dir == 'rtl' ? 'ltr' : 'rtl')">
+        <button md-button (click)="root.dir = (root.dir == 'rtl' ? 'ltr' : 'rtl')" title="Toggle between RTL and LTR">
           {{root.dir.toUpperCase()}}
         </button>
       </div>
     </md-toolbar>
 
-
     <div #root="$implicit" dir="ltr" class="demo-content">
       <router-outlet></router-outlet>
     </div>
diff --git a/src/demo-app/demo-app.scss b/src/demo-app/demo-app.scss
@@ -11,7 +11,6 @@
   }
 
   md-toolbar {
-
     i {
       padding: 20px;
       cursor: pointer;
@@ -22,6 +21,10 @@
       justify-content: space-between;
       width: 100%;
     }
+
+    button {
+      color: white;
+    }
   }
 
   h1 {
diff --git a/src/demo-app/demo-app.ts b/src/demo-app/demo-app.ts
@@ -22,7 +22,10 @@ import {GesturesDemo} from './gestures/gestures-demo';
 
 @Component({
   selector: 'home',
-  template: ''
+  template: `
+    <p>Welcome to the development demos for Angular Material 2!</p>
+    <p>Open the sidenav to select a demo. </p>
+  `
 })
 export class Home {}
 
diff --git a/src/index.html b/src/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Material2</title>
   <base href="/">
   <script src="vendor/es6-shim/es6-shim.js"></script>

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,6 @@`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`md-toolbar {`
`14`		`-`
`15`	`14`	`i {`
`16`	`15`	`padding: 20px;`
`17`	`16`	`cursor: pointer;`
`@@ -22,6 +21,10 @@`
`22`	`21`	`justify-content: space-between;`
`23`	`22`	`width: 100%;`
`24`	`23`	`}`
	`24`	`+`
	`25`	`+ button {`
	`26`	`+ color: white;`
	`27`	`+ }`
`25`	`28`	`}`
`26`	`29`
`27`	`30`	`h1 {`