Fixed Android Properties, Updated demo

Author: sitefinitysteve

demo/app/app.css

@@ -22,5 +22,5 @@ button {
     horizontal-align: right;
     vertical-align: bottom;
     color: #FFF;
-    /*background-color: #ff4081;*/
+    background-color: #ff4081;
 }

demo/app/main-page.js

@@ -1,5 +1,6 @@
 var app = require("application");
 var observable = require("data/observable");
+var observableArrayModule = require("data/observable-array");
 var platformModule = require("platform");
 var color = require("color");
 
@@ -14,7 +15,7 @@ var users = [
     { name: 'Franklin' }
 ];
 var viewModel = new observable.Observable({
-    users: users
+    users: new observableArrayModule.ObservableArray(users)
 });
 
 function pageLoaded(args) {
@@ -31,5 +32,5 @@ function pageLoaded(args) {
 exports.pageLoaded = pageLoaded;
 
 exports.fabTap = function(args){
-    alert("FAB TAP")
+    viewModel.users.push({ name: "Gary"});
 }

demo/app/main-page.xml

@@ -15,6 +15,7 @@
                 icon="res://ic_add_white"
                 tap="fabTap"
                 backColor="#ff4081"
+                rippleColor="blue"
                 class="fab-button" />
     </grid-layout>
 </Page>