Minor fixes

Author: Vlad Balin

app/index.js

@@ -21,8 +21,7 @@ class MultiScreenApp extends Application {
             // Just switch between two screens we have.
             Application.switchTo( this.screen === this.screen1 ? 'screen2' : 'screen1' );
         }
-    }
-    
+    }   
 }
 
 // Create and start the application.

app/screen1.js

@@ -1,19 +1,25 @@
 import { View, $at } from './view'
 
+// Create the root selector for the view...
 const $ = $at( '#screen-2' );
 
-export class Screen1 extends View {
+export class Screen2 extends View {
+    // Specify the root view element.
+    // When set, it will be used to show/hide the view on mount and unmount.
     el = $();
 
+    // Lifecycle hook executed on `view.mount()`.
     onMount(){
         // TODO: insert subviews...
         // TODO: subscribe for events...
     }
 
+    // Lifecycle hook executed on `view.unmount()`.
     onUnmount(){
         // TODO: unsubscribe from events...
     }
 
+    // Custom UI update logic, executed on `view.render()`.
     onRender(){
         // TODO: put DOM manipulations here...
         // Call this.render() to update UI.

app/screen2.js

@@ -0,0 +1,15 @@
+{
+  "fitbit": {
+    "appUUID": "d84e4e76-0ded-40f2-98f7-f4de4dc27fc4",
+    "appType": "app",
+    "appDisplayName": "boilerplate",
+    "iconFile": "resources/icon.png",
+    "wipeColor": "#607d8b",
+    "requestedPermissions": [],
+    "i18n": {
+      "en": {
+        "name": "boilerplate"
+      }
+    }
+  }
+}

app/view.js

@@ -1,4 +1,4 @@
 <svg>
   <link rel="import" href="screen1.gui" />
   <link rel="import" href="screen2.gui" />
-</svg>
+</svg>

package.json

@@ -1,4 +1,4 @@
 <svg id="screen-1" display="none">
-    <text id="minutes>--</text>
+    <text id="minutes">--</text>
     <text id="seconds">--</text>
 </svg>

resources/index.gui

@@ -1,4 +1,6 @@
-text {
-    font-family: System-Regular;
-    fill: white;
-}
+.defaultText {
+  font-size: 32;
+  font-family: System-Regular;
+  font-weight: regular;
+  text-length: 32;
+}

resources/screen1.gui

@@ -3,4 +3,4 @@
     <link rel="stylesheet" href="styles.css" />
     <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
   </defs>
-</svg>
+</svg>