Make stocks-fn match the style for the Sky SDK

sky/examples/stocks-fn/lib/stock_row.dart

Index: sky/examples/stocks-fn/lib/stock_row.dart
diff --git a/sky/examples/stocks-fn/stockrow.dart b/sky/examples/stocks-fn/lib/stock_row.dart
similarity index 69%
rename from sky/examples/stocks-fn/stockrow.dart
rename to sky/examples/stocks-fn/lib/stock_row.dart
index 4d7d688256eec7b019d6fffc7f54b296c5e43f9e..6f75dee5db7baf04a8e5f99f6df6c66bce5b2e34 100644
--- a/sky/examples/stocks-fn/stockrow.dart
+++ b/sky/examples/stocks-fn/lib/stock_row.dart
@@ -1,10 +1,15 @@
-part of stocksapp;
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
 
-class StockRow extends Component {
-
-  Stock stock;
+import 'package:sky/framework/components/material.dart';
+import 'package:sky/framework/fn.dart';
+import 'package:sky/framework/theme/typography.dart' as typography;
+import 'stock_arrow.dart';
+import 'stock_data.dart';
 
-  static Style _style = new Style('''
+class StockRow extends Component {
+  static final Style _style = new Style('''
     transform: translateX(0);
     display: flex;
     align-items: center;
@@ -15,20 +20,22 @@ class StockRow extends Component {
     padding-bottom: 20px;'''
   );
 
-  static Style _tickerStyle = new Style('''
+  static final Style _tickerStyle = new Style('''
     flex: 1;'''
   );
 
-  static Style _lastSaleStyle = new Style('''
+  static final Style _lastSaleStyle = new Style('''
     text-align: right;
     padding-right: 16px;'''
   );
 
-  static Style _changeStyle = new Style('''
+  static final Style _changeStyle = new Style('''
     ${typography.black.caption};
     text-align: right;'''
   );
 
+  Stock stock;
+
   StockRow({Stock stock}) : super(key: stock.symbol) {
     this.stock = stock;
   }